/* MOBILE_TALLY - TALLY LISTING TABLE */
.load_records-open {position: fixed; top: 0px; left: 0px; z-index: 9999; width: 100%; height: 100%; background: rgba(0,0,0,0.5); text-align: center; vertical-align: middle;}
.load_records-open > a {position: absolute; right: 0px; top: 0px; text-align: center; vertical-align: middle; background: rgba(255,255,255,0.9); padding: 22px 30px; font-size: 20px; max-width: none; display: block; z-index: 100;}
.load_records-open > a svg {width: 24px; height: 24px; margin: -2px 8px 0px 0px;}
.load_records-open:empty {display: none;}


.mobile_tally_record {width: 100%; text-align: center; vertical-align: middle; padding: 90px 0px 0px 0px;}



/* MOBILE TALLY - DOCUMENTS - AJAX OPENED */

.mobile_tally_record_table {margin: auto; text-align: center; max-height: 500px; overflow: auto; max-width: 700px; background-color: #eee; box-shadow: 3px 3px 6px rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.8);}
.mobile_tally_record_table table {margin: 0px auto; width: 100%; float: none;}
.mobile_tally_record_table table tbody tr td, .mobile_tally_record_table table tbody tr th {padding: 15px 15px; background: transparent !important; border: none !important; max-width: none; overflow: visible; white-space: normal;}
.mobile_tally_record_table table tbody tr th a, .mobile_tally_record_table table tbody tr th {font-size: 17px; max-width: none; overflow: visible; white-space: normal;}
.mobile_tally_record_table table tbody tr:nth-child(odd) td, .mobile_tally_record_table table tbody tr:nth-child(odd) th {background: #ddd !important;}
.mobile_tally_record_table table tbody .date {width: 170px;}
.mobile_tally_record_table table tbody .icns {width: 110px; white-space: nowrap;}



.out_stock {color: #ff0000;}
.in_stock {color: #009900;}
.off_stock {color: #999;}
.out_stock b, .in_stock b {font-size: 19px; line-height: 0;}
.out_stock b, .in_stock b {font-size: 19px; line-height: 0;}
.out_stock, .in_stock, .off_stock {display: none;}
.out_stock.stock-1, .in_stock.stock1, .off_stock.stock0 {display: block;}






 
 
/* DOCUMENT - BIG BUTTONS ON THE BOTTOM - SAVE / PRINT */

.no_buttons_showed {display: none;}

.mt-tools-bottom-wrap {position: fixed; bottom: 0px; right: 0px; left: 0px; text-align: center; z-index: 9999; pointer-events: none;}

.mt-tools-bottom {width: auto; min-width: 400px; padding: 10px 28px; background: #f7f7f7; display: table; margin: 20px auto 0px auto; box-shadow: 0px 0px 14px rgba(0,0,0,0.4); border-radius: 4px 4px 0px 0px; pointer-events: auto;}

.mt-tools-bottom div, .mt-tools-bottom a, .mt-tools-bottom button, .mt-tools-bottom form {display: inline-block; width: auto; pointer-events: auto;}

.mt-tools-bottom a, .mt-tools-bottom button, .mt-tools-bottom div a, .mt-tools-bottom div button, .mt-tools-bottom div button div, .mt-tools-bottom div a div , .mt-tools-bottom button span, .mt-tools-bottom a span {font-size: 16px; font-weight: bold;

color: #909090; border-color: #c8c8c8;
}

.mt-tools-bottom a, .mt-tools-bottom button, .mt-tools-bottom div a, .mt-tools-bottom div button {-webkit-box-shadow: inset 0px 0px 20px 0px rgba(255,255,255,1);
-moz-box-shadow: inset 0px 0px 20px 0px rgba(255,255,255,1);
box-shadow: inset 0px 0px 20px 0px rgba(255,255,255,1);}

.mt-tools-bottom a svg, .mt-tools-bottom button svg {fill: #aaa;transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
.mt-tools-bottom a:hover svg, .mt-tools-bottom button:hover svg {fill: #777;}

.mt-tools-bottom a, .mt-tools-bottom button, .mt-tools-bottom div a, .mt-tools-bottom div button {padding: 14px 28px; display: inline-block; margin: 14px 8px; width: auto; border-radius: 68px; border-width: 1px 1px 2px 1px; border-style: solid; min-width: 200px; text-transform: uppercase;



background: -moz-linear-gradient(top, rgba(238,238,238,0) 0%, rgba(238,238,238,0.7) 76%, rgba(200,200,20,0.7) 100%);
background: -webkit-linear-gradient(top, rgba(238,238,238,0) 0%,rgba(238,238,238,0.7) 76%,rgba(200,200,200,0.7) 100%);
background: linear-gradient(to bottom, rgba(238,238,238,0) 0%,rgba(238,238,238,0.7) 76%,rgba(200,200,200,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eeeeee', endColorstr='#cccccc',GradientType=0 );

}

.mt-tools-bottom a:hover, .mt-tools-bottom button:hover, .mt-tools-bottom div button:hover div, .mt-tools-bottom div a:hover div, .mt-tools-bottom button:hover span, .mt-tools-bottom a:hover span {text-decoration: none; color: #777; border-color: #aaa;}

.mt-tools-bottom a:hover, .mt-tools-bottom button:hover, .mt-tools-bottom div button:hover div {-webkit-box-shadow: 2px 4px 10px 0px rgba(100,100,100,0.25); -moz-box-shadow: 2px 4px 10px 0px rgba(100,100,100,0.25); box-shadow: 2px 4px 10px 0px rgba(100,100,100,0.25);}



.mt-tools-bottom svg {margin: -4px 7px 0px 0px; height: 20px; width: 20px; max-height: none; max-width: none;}


.templt-name {display: inline-block; font-size: 16px; text-align: left; color: #777; vertical-align: bottom; margin: 0px 5px 15px 0px;}
.templt-name input[type="text"] {display: block; font-size: 21px; background: #fff; border: 1px solid rgba(0,0,0,0.3); padding: 3px 5px; margin: 3px 10px 0px 0px; max-width: 220px;}



/* SELECT PREPARED vs USER TEMPLATES */

.user-temp, .prepared-temp1 {display: inline-block;}
.tally .site-label .user-temp {display: inline-block; font-weight: normal; font-size: 27px; color: #aaa;}
.user-temp1, .prepared-temp {display: none !important;}





/* RESULTS OVER TABLE */

.classif-results {margin: 15px 10px 0px 0px; float: right; background: #a2442d; border-radius: 6px; display: inline-block; padding: 0px 14px; text-align: right; white-space: nowrap;}

.results h6 {display: inline-block; margin: 0px 0px 12x 10px; font-size: 22px; font-weight: normal; text-align: left; color: rgba(255,255,255,0.85); float: left;}

.classif-results div {display: inline-block; margin: 14px; font-size: 17px; text-align: left; color: rgba(255,255,255,0.99); vertical-align: top;}

.classif-results p {display: block; margin: 0px 0px 4px 0px; font-size: 15px; color: rgba(255,255,255,0.71); text-align: left;}

.classif-results div > div {display: block; margin: 3px 0px 0px 0px; font-size: 13px; color: rgba(255,255,255,0.55);}







.tally-info {margin: 15px auto 10px auto; display: table; text-align: center; line-height: 28px;}
.tally-info h3 {color: #008C23; font-size: 24px; text-align: center;}
.tally-info h4 {color: #008C23; font-size: 19px; text-align: center; font-weight: normal;}
.tally-info a {font-size: 18px;}

.infotemplate {margin: 0px 25px 0px 0px;}
a.infotemplate, a.infotemplate:hover, a.infotemplate img {background: none; border: none; margin: 0px; padding: 0px; opacity: 1.0; box-shadow: none;}






/* HEADER - TRADE PARTNERS, GPS, PHOTO, MORE INFO */

.tally-header {margin: 0px auto 35px auto; text-align: center; position: relative; display: block; padding: 0px 5px;}

.tally-header-warning {position: absolute; top: 15px; right: 40%; display: none; font-size: 18px; background: red; color: #fff; padding: 12px 24px; border-radius: 6px;}
.tally-header-warning p {display: block; font-size: 13px;}
.tally-header-warning img {position: absolute; bottom: -10px; right: 40%; display: block;}



.tally-header .row1, .tally-header .row2 {text-align: left; vertical-align: top; margin: 0px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; justify-content: space-around;}
.tally-header .row1 > div, .tally-header .row2 > div {display: none;}

.tally-header .row1 > div.data-selected, .tally-header .row2 > div.data-selected {display: block; flex-grow:1;}

.tally-header .row1 {border-bottom: 1px solid rgba(0,0,0,0.1);}
.tally-header .row1 > div {padding: 18px 14px;}


.tally-header .row2 {border-top: 1px solid rgba(255,255,255,0.7);}
.tally-header .row2 > div {padding: 18px 14px;}



.tally-header h5 {font-size: 14px; text-align: left; font-weight: normal; display: block; margin: 0px 0px 3px 0px;}
.tally-header div div:hover span {color: #222;}


.tally-header input[type="text"], .tally-header input[type="number"], .tally-header select {font-size: 16px; padding: 6px 8px; background: rgba(255,255,255,0.6); display: block; width: 100%; margin: 5px 0px 0px 0px; border-style: solid; border-width: 1px;}
.tally-header input[type="text"]:focus, .tally-header input[type="number"]:focus, .tally-header select:focus {background: rgba(255,255,255,0.99);}


.tally-header span {display: block;}
.tally-header span, .tally-header label {font-size: 17px; text-align: left; vertical-align: top; color: #555; word-break: break-word;}

.tally-header div a {font-size: 14px;}

.tally-header h5 a svg {max-height: 12px; max-width: 12px; margin: -4px 0px 0px 6px; display: inline-block;}

.tally-header input[type="checkbox"]{width: 18px; height: 18px; vertical-align: middle;}
.tally-header input[type="checkbox"]:checked + label {color: #ff0000;}






/* LIGHTBOX PARTNERS */

.tally-partner {max-width: 500px; min-width: 350px; height: 100%; max-height: 400px;}
.lightbox-header .tally-partner-edit {font-size: 15px; text-shadow: none;}
.tally-partner-edit svg {max-height: 14px; max-width: 14px; margin: 0px 3px 0px 0px;}
.tally-partner .tabs-nav {margin: 15px auto 20px auto;}
.tally-partner .tabs-nav a {font-size: 17px; padding: 10px 16px; border-bottom: 1px solid #bbb; background: #ddd; }
.tally-partner .tabs-nav a.current {background: #ccc; color: #000 !important; border-bottom: 1px solid #777; }
.tally-partner .partner-sector {text-align: left; overflow :auto; max-height: 370px; font-size: 16px;}
.tally-partner .partner-sector a {display: block; border-bottom: 1px solid #ddd; padding: 8px 10px; text-align: left; margin-right: 10px; font-size: 18px;}
.partner-sector #partners {font-size: 17px; line-height: 28px;}
.partner-sector #partners div {display: inline-block; width: 45%; font-size: 16px; line-height: 24px; padding: 4px 0px; vertical-align: top;}
.partner-sector #partners div:empty {display: none;}




/* LIGHTBOX PHOTO */

#fullResImage {max-width: none !important;}



/* TABLE TALLY */

.table-tally {border-collapse: collapse; width: 99%; margin: auto;}
.table-tally tbody td:first-child {border-left: 1px solid #e1cda6;}
.table-tally tbody td:last-child {border-right: 1px solid #e1cda6;}


/* THEAD & TFOOT */
.table-tally thead td, .table-tally tfoot td {font-size: 15px;}
.table-tally thead td, .table-tally tfoot td {padding: 14px 0px 8px 5px;}
.table-tally thead td a, .table-tally tfoot td a {color: black;}
.table-tally thead td .addt {color: #51a264;}
.table-tally thead td .addt img {max-height: 16px; vertical-align: -2px; margin-right: 3px;}
.table-tally thead td, .table-tally tfoot td {font-weight: bold; white-space: nowrap !important;}
.table-tally thead td, .table-tally thead th {border-bottom: 1px solid #777;}












/* AUTOCOMPLET FOR ASSORTMENT / QUALITY */

.input_container ul {width: auto; border: 1px solid #eaeaea; position: absolute; z-index: 9; background: #fad6ad; list-style: none; margin-top: 5px;}
.input_container ul li {padding: 7px 20px 7px 16px; border-bottom: 1px solid #b38671; color: #555;}
.input_container ul li:nth-child(odd) {background: #FDF0E1;}
.input_container ul li:hover {background: #f9c78e; cursor: pointer; color: #000;}
.quality_list {display: none;}

@media print {
.quality_list_id {display: none;}
}






/* MAIN / INDEX STOCK PAGE - LOGINED */

.stock div.sector div {vertical-align: top; text-align: left;}
.stock div.sector {width: 100%; display: table;}
.stock .pie_chart {width: 45%; display: table-cell; height: 250px; padding: 10px 0px 0px 20px;}
.stock .pie_chart > div {display: block; width: 100%; height: 250px}

.stock .summary {display: block !important; width: 100% !important; flex: 0 1 auto; margin: 0px 15px;}
.stock .summary > div {background-size: 42px 42px; background-position: 25px center; display: block; padding: 18px 25px 18px 85px; font-size: 14px; white-space: nowrap; margin: 15px 0px 0px 0px;}
.stock .summary > div > div {font-size: 30px;}
.stock .summary > div span {font-size: 18px;}

@media screen and (max-width: 1023px) {
.stock .summary {display: none;}
}



/* OVERVIEW PART */

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

.stock .icons {margin: -14px 0px 0px 0px; display: inline-flex;}
.stock .icons > a {display: inline-block; font-size: 13px; width: 100%; max-width: 140px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center;}
.stock .icons .icon {width: 50px; height: 50px; display: flex; margin: 0px auto 4px auto; border-radius: 100%; vertical-align: middle; text-align: center;}
.stock .icons .icon svg {margin: auto;}



.overview {max-width: 1600px; margin: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; justify-content: space-around;}



.overview .div-cell-half-pole {padding: 20px 10px;}
.overview .div-cell-half-timber {padding: 20px 35px;}
.overview h5 {font-size: 22px; color: #777; display: block; margin: 20px 0px 0px 74px;}
.overview svg, .stock .pie_chart svg {max-height: none; max-width: none;}
.overview #line_top_x, .overview #line_top_x div {margin: auto; text-align: center;}
.overview #line_top_x svg {width: 500px; margin: auto;}


/* OVERVIEW LOG */

.overview-pole {text-align: center; position: relative; flex: 1 0 570px; vertical-align: top; margin: 15px;}

.overview-pole-padding {padding: 15px 15px 40px 15px;}

.overview-pole-material-effect {background: rgba(255,255,255,0.7); border: 1px solid rgba(0,0,0,0.1); box-shadow: 1px 2px 4px rgba(0,0,0,0.12); border-radius: 4px;}

.overview-pole-material-effect:hover {box-shadow: 1px 2px 4px rgba(0,0,0,0.2);}

.overview-pole div {margin: 0px auto; text-align: center;}

.overview-pole h6 {margin: 0px 0px 15px 10px; display: block; text-align: left; font-size: 24px; font-weight: 300; color: rgba(0,0,0,0.7);}

form#overview, form#overview_vol {text-align: right; bottom: 14px; left: 25px; position: absolute;}
form#overview label, form#overview_vol label {font-size: 15px;}
form#overview label input[type="checkbox"], form#overview_vol label input[type="checkbox"] {width: 15px; height: 15px; margin: -2px 4px 0px 0px; display: inline-block;}

@media screen and (max-width: 1023px) {
.overview-pole {width: auto; display: block;}
}



/* OVERVIEW SPECIES */

.overview-species h6 {font-size: 20px; font-weight: bold; line-height: 22px; margin: 0px 0px 10px 0px; display: block; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; color: rgba(0,0,0,0.54); max-width: 200px; width: 100%;}

.overview-species > div {text-align: left; position: relative; flex: 1 0 200px; vertical-align: top; margin: 15px; padding: 28px 33px;}

.overview-species > div  > div {text-align: left; font-size: 15px; line-height: 20px; margin: 0px 0px 5px 7px;}

.overview-species > div  > div, .overview-species > div  > div b {font-size: 15px; line-height: 20px;}




/* ========== SUMMARY ======== */
/* =========================== */
.summary {margin: 0px auto; text-align: center;}

.summary-flex, .summary-flex2 {max-width: none; margin: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; justify-content: space-around; height: 100%;}
.overview-pole .summary-flex div.summary-flex-item {text-align: left; position: relative; flex: 1 0 500px; vertical-align: middle; margin: 0px 2px 10px 0px; padding: 24px 0px 0px 0px; min-height: 110px;}

.summary-flex2 {width: 100%; margin: 15px 15px 0px 15px;}
.summary-flex2 div.summary-flex-item {text-align: left; position: relative; flex: 1 0 200px; vertical-align: middle; margin: 0px 0px 15px 0px; padding: 20px 0px 0px 0px; min-height: 100px;}
.summary-flex2 div.summary-flex-item:nth-child(2) {margin: 0px 15px 15px 15px;}
.summary-flex2 div.summary-flex-item:nth-child(3) {margin: 0px 15px 15px 15px;}

.overview-pole .summary-flex div.summary-flex-item:last-child {margin-bottom: 0px;}




.summary > div, .summary-flex > div, .summary-flex2 > div {background-position: 24px center; background-size: auto 38px; background-repeat: no-repeat;}

div.qty {background-image: url(/ico/ui_quantity.svg);}
div.volume {background-image: url(/ico/ui_logs.svg);}
div.volume_tmbr {background-image: url(/ico/ui_timber.svg);}
div.goods {background-image: url(/ico/ui_money.svg);}

.summary-block {display: table; margin: 0px !important; text-align: left; width: 100%;}
.summary-value {display: table-cell; font-size: 45px; font-weight: 300; line-height: 50px; vertical-align: middle; width: 60%; padding-left: 80px; text-align: right !important;}
.summary-block2 {display: table-cell; text-align: left!important; width: auto; max-width: 300px; padding: 0px 0px 0px 10px;}
.summary-unit {display: block; text-align: left !important; font-size: 18px; font-weight: 300; line-height: 20px;}
.summary-label {display: block; text-align: left !important; font-size: 20px; font-weight: 400; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%;}


@media screen and (max-width: 1223px) {
.summary > div {background-position: 20px center; background-size: auto 40px; padding: 20px 20px 20px 70px; margin: 0px 5px 20px 5px;}

.overview-pole .summary-flex-item {flex: 1 0 250px; margin: 0px 5px 0px 5px;}

.summary > div, .summary-flex > div, .summary-flex2 > div {background-position: 20px center; background-size: auto 36px; margin: 0 15px 5px 15px !important; min-height: 80px;}
.summary-value {font-size: clamp(2.5rem, 4vw, 3.5rem);}
.summary-unit {font-size: 16px;}
.summary-label {font-size: 18px;}

}

@media screen and (max-width: 767px) {
.summary > div {background-position: 35px center; background-size: auto 62px; display: block; padding: 20px 35px 20px 115px; margin: 0px 10px 20px 10px;}
.summary-flex2 div.summary-flex-item:nth-child(2) {margin: 0px 0px 15px 0px;}
}






/* TOOLTIP DESCRIBTION */

.tooltip_description{display: none;}
div.tooltip {position: absolute; z-index: 10000; top: 0px; left: 0px; display: none; min-width: 400px;}
div.tooltip div.toolcontent {border: 3px solid rgba(255,255,255,0.55); -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px;

background: rgb(175,102,0);
background: -moz-linear-gradient(top, rgba(175,102,0,1) 0%, rgba(216,155,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(175,102,0,1) 0%,rgba(216,155,0,1) 100%);
background: linear-gradient(to bottom, rgba(175,102,0,1) 0%,rgba(216,155,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af6600', endColorstr='#d89b00',GradientType=0 );



}

div.tooltip div.toolcontent {padding: 12px 22px; float: left; -webkit-box-shadow: #888 0px 0px 16px; -moz-box-shadow: #88 0px 0px 16px; box-shadow: #888 0px 0px 16px; min-width: 400px;}

div.tooltip div {margin: 0px; padding: 8px 0px; line-height: 19px; display: inline-block; width: 49%; color: #fff; vertical-align: top;}

div.tooltip div.note {margin: 0px; padding: 10px 0px; line-height: 19px; display: block; width: auto;}

div.tooltip div i {display: block; color: rgba(255,255,255,0.7)}
div.tooltip h5 {font-size: 23px; border-bottom: 1px solid rgba(255,255,255,0.55); padding: 10px 0px 17px 0px; margin-bottom: 15px; color: #fff;}
div.tooltip h5 span {font-weight: normal; color: rgba(255,255,255,0.7);}
div.tooltip p {font-size: 18px; display: block; color: #fff;}
div.tooltip div img {margin-top: 5px; width: auto; height: 100px;}

div.tooltip div.up_arrow {width: 100%; height: 0px;}
div.tooltip div.down_arrow {width: 100%; height: 20px;}
div.tooltip div.left_arrow {height: 100%;}
div.tooltip div.left_arrow {float:left; width: 20px; height: 20px; position: relative; top: 165px; left: -15px;}