﻿/* GERAL */

.noselect, .noselect * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    user-drag: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
}

#contentBullSearch * {
    box-sizing: border-box;
    position: relative;
    outline: none;
    resize: none;
    /*-webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;*/
}

#filters {
    margin-top: 10px;
}

#filters > div {
    width: 100%;
}

/*ABAS*/
#filters .tabs {
    display: block;
    width: 100%;
    padding-left: 20px;
}

#filters .tabs li {
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: -1px;
    cursor: pointer;
}

/*TABELAS*/
#filters div > table,
#proofs div > table {
    width: 100%;
}

#proofs .result_container {
    margin: 10px auto;
    display: block;
    width: 980px;
}

#proofs .result_container.resized {
    width: 920px;
}

#proofs .result_container > div.left_block {
    width: 500px;
    float: left;
}

#proofs .result_container > div.left_block .proof_result th:first-child {
    width: 40px;
}

#proofs .result_container > div.left_block.resized {
    /*margin-right: 8px;*/
}

#proofs .result_container > div.right_block {
    width: 480px;
    overflow: hidden;
    display: inline-block;
}

#proofs .result_container > div.right_block:not(.resized) {
    /*float: right;*/
}

#proofs .result_container > div.right_block.resized {
    width: 420px;
}

#proofs .arrow {
    font-size: 40pt;
    position: absolute;
    z-index: 20;
    cursor: pointer;
    width: 20px;
    height: 60px;
    vertical-align: top;
}

#proofs .arrow.fa-caret-left {
    margin-top: 35px;
    left: 0px;
}

#proofs .arrow.fa-caret-right {
    margin-top: 35px;
    left: 980px;
}

#proofs .proof_form td {
    padding: 5px;
    color: #FFFFFF;
    vertical-align: middle;
}

#proofs .proof_form td:first-child {
    padding-left: 25px;
}

#proofs .proof_form td:last-child {
    padding-right: 25px;
}

#proofs .proof_form tr:first-child td {
    padding-top: 15px;
}

#proofs .proof_form tr:last-child td {
    /*padding-top: 10px;*/
    padding-bottom: 15px;
    /*vertical-align: top;*/
}

#proofs .proof_result tbody tr:nth-child(2n+1) {
    background-color: #F7F9FB;
    color: #555555;
}

#proofs .proof_result tbody tr:nth-child(2n) {
    background-color: #E8EBEF;
    color: #555555;
}

#proofs .proof_result {
    /*width: 100%;*/
    text-align: left;
}

#proofs .proof_result th {
    padding: 7px 15px 7px 7px;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    line-height: 25px;
    height: 40px;
    font-size: 9pt;
}

#proofs .proof_result th.sortUp::after {
    content: '\f0d8';
    font: normal normal normal 10px/1 FontAwesome;
    margin-left: 5px;
    position: absolute;
    line-height: 25px;
}

#proofs .proof_result th.sortDown::after {
    content: '\f0d7';
    font: normal normal normal 10px/1 FontAwesome;
    margin-left: 5px;
    position: absolute;
    line-height: 25px;
}

#proofs .proof_result td {
    padding: 7px;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 8pt;
    line-height: 25px;
    height: 40px;
}

#proofs .proof_result td a {
    text-decoration: none;
}

#proofs .proof_result td.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
}

#proofs .proof_result td img {
    /*max-width: 80px;
    max-height: 80px;*/
}

#proofs .proof_result input[type=checkbox] {
    vertical-align: middle;
}

.btn_search {
    background-color: #EEA723;
    color: #FFFFFF;
    border: none;
    padding: 5px 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    outline: none;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

.btn_search:hover {
    background-color: #F3B135;
}

.btn_search:active {
    background-color: #FFA600;
}

.btn_modal {
    background-color: #3C63A9;
    color: #FFFFFF;
    border: none;
    padding: 5px 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    outline: none;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

.btn_modal:hover {
    background-color: #395D9F;
}

.btn_modal:active {
    background-color: #355795;
}

.btn_filter {
    color: #FFFFFF;
    border: none;
    padding: 5px 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-right: 5px;
    cursor: pointer;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

.btn_filter2 {
    border: none;
    padding: 5px 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-right: 5px;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

.btn_name_search {
    background-color: #EEA723;
    border: none;
    padding: 3px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 24px;
    width: 30px;
    vertical-align: middle;
    cursor: pointer;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

.btn_name_search:hover {
    background-color: #F3B135;
}

.btn_name_search:active {
    background-color: #FFA600;
}

.frm_input {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 24px;
    line-height: 20px;
    padding: 2px 5px;
    border: none;
    color: #333333;
    font-size: 9pt;
    vertical-align: middle;
    width: 100%;
}

.frm_input_div {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 24px;
    line-height: 20px;
    padding: 2px 5px;
    border: none;
    color: #333333;
    font-size: 9pt;
    vertical-align: middle;
    width: 320px;
    display: inline-block;
}

#contentBullSearch {
    margin-top: 20px;
    border: 1px solid rgba(0,0,0,.1);
    border-top: none;
}

#contentBullSearch header > div#breed > span {
    text-align: right;
    width: 300px;
    top: 9px;
    position: absolute;
    right: 15px;
}

#contentBullSearch header div > span {
    font-size: 18pt;
    vertical-align: middle;
    margin-left: 10px;
}

#contentBullSearch header div > span > label {
    font-size: 15pt;
    font-weight: 100;
}

#contentBullSearch header div#breed .dropdown {
    /*border: 1px solid #BDBDBD;
    border-bottom: 2px solid #BDBDBD;*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFF;
    clear: both;
    vertical-align: top;
    width: 220px;
}

#contentBullSearch header div#breed .dropdown:not(:first-child) {
    margin-left: 5px;
}

#contentBullSearch header div#breed .dropdown.product_type_1 {
    background-color: #35946B;
}

#contentBullSearch header div#breed .dropdown.product_type_2 {
    background-color: #9D4F30;
}

#contentBullSearch header div#breed .dropdown.product_type_3 {
    background-color: #538DB9;
}

/*#contentBullSearch header div#breed .dropdown::after {
    content: "\f078";
    font: normal normal normal 10px/1 FontAwesome;
    color: inherit;
    position: absolute;
    right: 10px;
    top: 38%;
}*/

#contentBullSearch header div#breed .dropdown select {
    display: block;
    border: none;
    color: inherit;
    width: 100%;
    padding: 4px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: transparent;
    font-weight: bold;
    font-size: 10pt;
    vertical-align: top;
}

#contentBullSearch header div#breed .dropdown select option {
    color: #222;
}

#contentBullSearch header div#breed .dropdown select:disabled {
    color: #DDD;
}

#contentBullSearch header div#breed .frm_input,
#contentBullSearch header div#breed .btn_name_search {
    vertical-align: top;
    height: 25px;
}

/* ESTILO: LEITE */
/*
    FUNDO CLARO: #74AACA
    FUNDO ESCURO / ABA ATIVA: #538DB9
    ABA INATIVA: #89B7D2
    CABECALHO TABELA: #74AACA
    TRACO TABELA: #538DB9
    LINHA PAR: #F7F9FB
    LINHA IMPAR: #F0F4F8
*/
.product_type_3 header > div#breed {
    background-color: #74AACA;
    padding: 10px 20px;
}

.product_type_3 header > div#breed > h2 {
    color: #FFFFFF;
    font-size: 14pt !important;
    font-weight: bold;
}

.product_type_3 header > div {
    background-color: #538DB9;
    color: #FFFFFF;
    padding: 10px 20px;
    height: 45px;
}

.product_type_3 header > div .btn_back {
    background-color: #4070A4;
    color: #FFFFFF;
    padding: 5px 12px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    vertical-align: middle;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

.product_type_3 header > div .btn_back:hover {
    background-color: #3A6694;
}

.product_type_3 header > div .btn_back:active {
    background-color: #28588B;
}

.product_type_3 .btn_filter {
    background-color: #4070A4;
}

.product_type_3 .btn_filter:hover {
    background-color: #3A6694;
}

.product_type_3 .btn_filter:active {
    background-color: #28588B;
}

.product_type_3 .btn_filter2 {
    background-color: #CBD8E5;
    color: #3D6098;
    cursor: pointer;
}

.product_type_3 .btn_filter2:hover {
    background-color: #BAD0E7;
}

.product_type_3 .btn_filter2:active {
    background-color: #B6D0EA;
}

.product_type_3 .tabs li {
    background-color: #89B7D2;
    color: #FFFFFF;
    margin: 0px 5px;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.product_type_3 #filters .tabs li.active {
    background-color: #538DB9 !important;
}

.product_type_3 #proofs .arrow {
    color: #538DB9;
}

.product_type_3 #proofs .proof_form {
    background-color: #538DB9;
    font-size: 9pt;
}

/*.product_type_3 #proofs .result_container,
.product_type_3 #proofs .proof_result td,
.product_type_3 #proofs .proof_result th{
    border: 1px solid #538DB9;
}*/
/*.product_type_3 #proofs .proof_result tr:first-child td,
.product_type_3 #proofs .proof_result tr:first-child th{
    border-top: none;
}
.product_type_3 #proofs .proof_result tr:last-child td,
.product_type_3 #proofs .proof_result tr:last-child th{
    border-bottom: none;
}
.product_type_3 #proofs .proof_result tr td:first-child,
.product_type_3 #proofs .proof_result tr th:first-child{
    border-left: none;
}
.product_type_3 #proofs .proof_result tr td:last-child,
.product_type_3 #proofs .proof_result tr th:last-child{
    border-right: none;
}*/

.product_type_3 #proofs .proof_result thead th {
    background-color: #74AACA;
    color: #FFFFFF;
}

.product_type_3 #proofs .proof_result tbody tr.item_selected {
    background-color: #B8D2E1;
}

/* ESTILO: CORTE ZEBU */
/*
    FUNDO CLARO: #9AD5BD
    FUNDO ESCURO / ABA ATIVA: #35946B
    ABA INATIVA: #DDDDDD
*/
.product_type_1 header > div#breed {
    background-color: #9AD5BD;
    padding: 10px 20px;
}

.product_type_1 header > div#breed > h2 {
    color: #2B7A5A;
    font-size: 14pt !important;
    font-weight: bold;
}

.product_type_1 header > div {
    background-color: #35946B;
    color: #FFFFFF;
    padding: 10px 20px;
    height: 45px;
}

.product_type_1 header > div .btn_back {
    background-color: #3EAA7C;
    color: #FFFFFF;
    padding: 5px 12px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    vertical-align: middle;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

.product_type_1 header > div .btn_back:hover {
    background-color: #25AA71;
}

.product_type_1 header > div .btn_back:active {
    background-color: #15A366;
}

.product_type_1 .btn_filter {
    background-color: #3EAA7C;
}

.product_type_1 .btn_filter:hover {
    background-color: #25AA71;
}

.product_type_1 .btn_filter:active {
    background-color: #15A366;
}

.product_type_1 .btn_filter2 {
    background-color: #AECCC0;
    color: #0E593B;
    cursor: pointer;
}

.product_type_1 .btn_filter2:hover {
    background-color: #8ECCB3;
}

.product_type_1 .btn_filter2:active {
    background-color: #76C4A5;
}

.product_type_1 .tabs li {
    background-color: #DDDDDD;
    color: #2F7D5D;
    margin: 0px 5px;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.product_type_1 #filters .tabs li.active {
    background-color: #35946B !important;
    color: #FFFFFF;
}

.product_type_1 #proofs .proof_result thead th {
    background-color: #35946B;
    color: #FFFFFF;
}

.product_type_1 #proofs .proof_result tbody tr.item_selected {
    background-color: #9AD5BD;
}

.product_type_1 #proofs .arrow {
    color: #35946B;
}

.product_type_1 #proofs .proof_form {
    background-color: #35946B;
    font-size: 9pt;
}

.product_type_1 #proofs .proof_form.rounded {
    border-collapse: separate;
    border-spacing: 0px;
    border: 1px solid #D1EDE2;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.product_type_1 #proofs .proof_form.rounded .title,
.product_type_1 #proofs .proof_form.rounded .roundedTitle {
    background-color: #9AD5BD;
    position: absolute;
    top: 0px;
    margin: 0px;
    left: 0;
    padding: 5px 5px 5px 10px;
    width: 100%;
    color: #2B7A5A;
    text-align: center;
}

.product_type_1 #proofs .proof_form.rounded .roundedTitle.radius-left {
    border-top-left-radius: 8px;
}

.product_type_1 #proofs .proof_form.rounded .roundedTitle.radius-right {
    border-top-right-radius: 8px;
}

.product_type_1 #proofs .proof_form.rounded .radiogroup label {
    display: block;
    padding: 5px 0px;
    line-height: 20px;
    z-index: 10;
}

.product_type_1 #proofs .proof_form.rounded .radiogroup label input {
    vertical-align: top;
}

.product_type_1 #proofs .proof_form.rounded .border-right {
    border-right: 1px solid #D1EDE2;
}

.product_type_1 #proofs .proof_form.rounded .border-right + td {
    padding-left: 15px;
}

.product_type_1 #proofs .proof_form tr:first-child td {
    height: 28px;
}



/* ESTILO: CORTE TAURINO */
/*
    FUNDO CLARO: #CA8344
    FUNDO ESCURO / ABA ATIVA: #9D4F30
    ABA INATIVA: #DDDDDD
*/
.product_type_2 header > div#breed {
    background-color: #CA8344;
    padding: 10px 20px;
}

.product_type_2 header > div#breed > h2 {
    color: #FFFFFF;
    font-size: 14pt !important;
    font-weight: bold;
}

.product_type_2 header > div {
    background-color: #9D4F30;
    color: #FFFFFF;
    padding: 10px 20px;
    height: 45px;
}

.product_type_2 header > div > span {
    font-size: 18pt;
    vertical-align: middle;
    margin-left: 10px;
}

.product_type_2 header > div > span > label {
    font-size: 15pt;
    font-weight: 100;
}

.product_type_2 header > div .btn_back {
    background-color: #884319;
    color: #FFFFFF;
    padding: 5px 12px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    vertical-align: middle;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

.product_type_2 header > div .btn_back:hover {
    background-color: #824118;
}

.product_type_2 header > div .btn_back:active {
    background-color: #7D3E17;
}

.product_type_2 .btn_filter {
    background-color: #884319;
}

.product_type_2 .btn_filter:hover {
    background-color: #824118;
}

.product_type_2 .btn_filter:active {
    background-color: #7D3E17;
}

.product_type_2 .btn_filter2 {
    background-color: #D5C0AE;
    color: #4D260E;
    cursor: pointer;
}

.product_type_2 .btn_filter2:hover {
    background-color: #CAAD94;
}

.product_type_2 .btn_filter2:active {
    background-color: #CAA381;
}

.product_type_2 .results_counter {
    /*float: right;*/
    vertical-align: baseline;
    padding: 10px 5px;
    color: #4D260E;
    font-size: 11pt;
}

.product_type_2 .tabs li {
    background-color: #DDDDDD;
    color: #9F5537;
    margin: 0px 5px;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.product_type_2 #filters .tabs li.active {
    background-color: #9D4F30 !important;
    color: #FFFFFF;
}

.product_type_2 #proofs .proof_form {
    background-color: #9D4F30;
    font-size: 9pt;
}

.product_type_2 #proofs .proof_form.rounded {
    border-collapse: separate;
    border-spacing: 0px;
    border: 1px solid #D0AB9C;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.product_type_2 #proofs .proof_form.rounded .roundedTitle {
    background-color: #C49682;
    position: absolute;
    top: 0px;
    margin: 0px;
    left: 0;
    padding: 5px 5px 5px 10px;
    width: 100%;
    color: #43220C;
    text-align: center;
}

.product_type_2 #proofs .proof_form.rounded .roundedTitle.radius-left {
    border-top-left-radius: 8px;
}

.product_type_2 #proofs .proof_form.rounded .roundedTitle.radius-right {
    border-top-right-radius: 8px;
}

.product_type_2 #proofs .proof_form.rounded .radiogroup label {
    display: block;
    padding: 5px 0px;
    line-height: 20px;
    z-index: 10;
}

.product_type_2 #proofs .proof_form.rounded .radiogroup label input {
    vertical-align: top;
}

.product_type_2 #proofs .proof_form.rounded .border-right {
    border-right: 1px solid #D0AB9C;
}

.product_type_2 #proofs .proof_form.rounded .border-right + td {
    padding-left: 15px;
}

.product_type_2 #proofs .proof_form tr:first-child td {
    height: 28px;
}

.product_type_2 #proofs .proof_result thead th {
    background-color: #9D4F30;
    color: #FFFFFF;
}

.product_type_2 #proofs .proof_result tbody tr.item_selected {
    background-color: #F0E9E2;
}

.product_type_2 #proofs .arrow {
    color: #9D4F30;
}

#chooseColumns h1 {
    color: #184799 !important;
}

#chooseColumns ul {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
    padding: 10px 0 10px 0;
}

#chooseColumns .error {
    color: #ff0000;
}

#proofs #GENERAL .proof_result td {
    padding: 7px;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 8pt;
    height: 100px;
    line-height: initial;
}

/*#proofs #GENERAL .proof_result td a, #proofs #GENERAL .proof_result td a:visited,
#proofs #GENERAL .proof_result td a:hover, #proofs #GENERAL .proof_result td a:active,
#proofs #EMBRAPA_GIROLANDO .proof_result td a, #proofs #EMBRAPA_GIROLANDO .proof_result td a:visited,
#proofs #EMBRAPA_GIROLANDO .proof_result td a:hover, #proofs #EMBRAPA_GIROLANDO .proof_result td a:active,
#proofs #ABCZ-PTA .proof_result td a, #proofs #ABCZ-PTA .proof_result td a:visited,
#proofs #ABCZ-PTA .proof_result td a:hover, #proofs #ABCZ-PTA .proof_result td a:active,
#proofs #ABCZ-LINEAR .proof_result td a, #proofs #ABCZ-LINEAR .proof_result td a:visited,
#proofs #ABCZ-LINEAR .proof_result td a:hover, #proofs #ABCZ-LINEAR .proof_result td a:active,
#proofs #ABCGIL-PTA .proof_result td a, #proofs #ABCGIL-PTA .proof_result td a:visited,
#proofs #ABCGIL-PTA .proof_result td a:hover, #proofs #ABCGIL-PTA .proof_result td a:active,
#proofs #ABCGIL-LINEAR .proof_result td a, #proofs #ABCGIL-LINEAR .proof_result td a:visited,
#proofs #ABCGIL-LINEAR .proof_result td a:hover, #proofs #ABCGIL-LINEAR .proof_result td a:active,
#proofs #ANCP .proof_result td a, #proofs #ANCP .proof_result td a:visited,
#proofs #ANCP .proof_result td a:hover, #proofs #ANCP .proof_result td a:active,
#proofs #PMGZ .proof_result td a, #proofs #PMGZ .proof_result td a:visited,
#proofs #PMGZ .proof_result td a:hover, #proofs #PMGZ .proof_result td a:active,
#proofs #GENEPLUS .proof_result td a, #proofs #GENEPLUS .proof_result td a:visited,
#proofs #GENEPLUS .proof_result td a:hover, #proofs #GENEPLUS .proof_result td a:active,
#proofs #CFM .proof_result td a, #proofs #CFM .proof_result td a:visited,
#proofs #CFM .proof_result td a:hover, #proofs #CFM .proof_result td a:active,
#proofs #QUALITAS .proof_result td a, #proofs #QUALITAS .proof_result td a:visited,
#proofs #QUALITAS .proof_result td a:hover, #proofs #QUALITAS .proof_result td a:active,
#proofs #ALIANCA .proof_result td a, #proofs #ALIANCA .proof_result td a:visited,
#proofs #ALIANCA .proof_result td a:hover, #proofs #ALIANCA .proof_result td a:active,
#proofs #EMBRAPA_GUZERA .proof_result td a, #proofs #EMBRAPA_GUZERA .proof_result td a:visited,
#proofs #EMBRAPA_GUZERA .proof_result td a:hover, #proofs #EMBRAPA_GUZERA .proof_result td a:active
 {
    color: #555555 !important;
    text-decoration: none !important;
}*/

#proofs .proof_result.leite_nacional td a,
#proofs .proof_result.leite_nacional td a:visited,
#proofs .proof_result.leite_nacional td a:hover,
#proofs .proof_result.leite_nacional td a:active,
#proofs .proof_result.leite_nacional td a:focus {
    color: #325E8E !important;
    text-decoration: none !important;
}

#proofs .proof_result.corte_zebu td a,
#proofs .proof_result.corte_zebu td a:visited,
#proofs .proof_result.corte_zebu td a:hover,
#proofs .proof_result.corte_zebu td a:active,
#proofs .proof_result.corte_zebu td a:focus {
    color: #2B7A5A !important;
    text-decoration: none !important;
}

#proofs .proof_result.corte_taurino td a,
#proofs .proof_result.corte_taurino td a:visited,
#proofs .proof_result.corte_taurino td a:hover,
#proofs .proof_result.corte_taurino td a:active,
#proofs .proof_result.corte_taurino td a:focus {
    color: #6A260E !important;
    text-decoration: none !important;
}


#proofs #GENERAL .proof_result td a img {
    width: 106px;
    height: 70px;
    max-height: 70px;
    max-width: initial;
    border-radius: 6px;
}

p.loader, p.no-results {
    padding-left: 20px;
}
