:root {
	--tmGray: #454d5d;
	--tmRed: #e81a27;
	--tmYellow: #e8d01a;
	--tmOrange: rgb(230, 126, 34);
	--tmBlue: #3b5071;

	--tmLightGray: #a4aab4;
	--tmLightBlue: #5f93e1;
	--tmLightRed: #fe434f;

	--tmDarkGray: #7a818c;
	--tmDarkRed: rgba(232, 26, 39,.85);
	--tmDarkBlue: rgb(6,25,73);
	--tmDarkYellow: #dfc60e;

	--tmBlackGray: #2d3647;
	--ThemeColor: var(--tmDarkYellow);
	--ThemeGuestColor: var(--tmLightRed);
	--tmHeaderBgGuestColor: 232, 26, 39;
};

::-webkit-selection {color: #fff; background: var(--ThemeColor); }
::-moz-selection {color: #fff; background: var(--ThemeColor); }
::selection {color: #fff; background: var(--ThemeColor); }

body { font-family: 'Open Sans', sans-serif; }

/*tabela de orçamentos*/
.budget_container { width: 100%; position: relative;min-height: 100px; padding: 10px 2%; }
.budget_table_container { display: block;width: 100%; overflow-x: auto;}
.budget-table { position: relative;}
.budget-table tbody {display: block;width: 100%; overflow-y: auto;max-height: 200px;}
.budget-table tbody a { margin: 4px 8px; }
.budget-table caption { padding: 10px 0; font-size: 20px;font-weight: bold; caption-side: top;}
/*.budget-table thead, .budget-table tbody { margin: auto; width: 100%;}*/
.budget-table thead tr { display: block;width: 100%; background-color: var(--selkBgDark);}
/*.budget-table th { text-align: right; }*/
/*.budget-table thead .right { text-align: right; }*/
.budget-table th, .budget-table td {width: 15%; text-align: left;font-size: .7rem;white-space: nowrap;}
.budget-table tbody tr.product-selected { border: 1px dashed var(--ThemeColor);}
.budget-table tbody td:last-child { white-space: nowrap; }
.budget-table tbody td span {color: rgb(106,140,155); }
/*tabs*/
.tabswitch {list-style: none;padding-left: 0;margin-bottom: 0; border-bottom: 1px solid #333; }
.tabswitch:before,
.tabswitch:after { content: '';display: table; clear: both;}
.tabswitch li { position: relative;display: block; float: left; margin-bottom: -1px;
	 cursor: pointer; }
.tabswitch .tablink > a {display: block;border: 1px solid transparent; border-radius: 6px 6px 0 0; 
	line-height: .1428;
	padding: 14px 16px; margin-right: 2px; color: #ccc; font-size: 12px;
	transition: 250ms; -webkit-transition: 250ms; -ms-transition: 250ms;-moz-transition: 250ms;}
.tabswitch .tablink:hover > a { color: #fff; }
.tabswitch .tablink.active a { border: 1px solid #444; border-bottom-color: transparent;
	cursor: default;background-color: var(--selkBgDark);color: #ccc;}
.tabcontent { display: none;padding: 6px 12px; border-top: none;}
/*radiobutton*/
.radioswitch { display: block; overflow: hidden; margin-top: 5px; }
.radioswitch input { position: absolute;clip: rect(0,0,0,0);height: 1px;width: 1px;border: 0; 
	overflow: hidden;}
.radioswitch label { background: #444; color: #f2f2f2;font-size: 14px;line-height: 1.4;
	text-align: center;
	padding: 4px 10px;margin-left: 0px;border: 1px solid #777;transition: all 250ms ease-in-out;
	cursor: pointer;}
.radioswitch label:first-of-type { border-radius: 4px 0 0 4px; }
.radioswitch label:last-of-type { border-radius: 0 4px 4px 0; }
.radioswitch input:checked + label { background: var(--ThemeColor);color: #fff; }

/* checkbox */
.form-control-checkbox { font-family: system-ui, sans-serif; font-size: 2rem; font-weight: bold; line-height: 1.1;
	display: grid; grid-template-columns: 1em auto; gap: 0.5em;padding: 1px; margin: 4px 7px; color: var(--ThemeColor);}
.form-control-checkbox + .form-control-checkbox { margin-top: 1em; }	
.form-control-checkbox input[type="checkbox"] { display: grid; place-content: center; -webkit-appearance: none; appearance: none; background-color: #fff;
	margin: 0; font: inherit; color: currentColor; width: 0.8em; height: 0.8em; border: 0.15em solid currentColor;
	border-radius: 0.15em; transform: translateY(-0.075em);}
.form-control-checkbox input[type="checkbox"]::before { display: table; content: "";width: 0.65em;
	height: 0.65em;transform: scale(0);
	transition: 120ms transform ease-in-out; box-shadow: inset 1em 1em var(--ThemeColor);}
.form-control-checkbox input[type="checkbox"]:checked::before { transform: scale(1);}

.tm_control {display: block; width: 100%; background-color: transparent;border: none;
	border-bottom: 2px solid var(--tmLightGray); outline: none; color: #fff;resize: none; }
.tm_control:active, .tm_control:focus { border-bottom: 2px solid #fff; }

.currency_positive { color: var(--selkGreen); }

.tm_guest_title { position: relative;display: inline-block; color: #444; }
.tm_guest_title.tm_guest_title_white { color: #fff; }
.tm_guest_title:after { position: absolute;content: '';left: 0;bottom: -2px; margin: auto; 
	width: 100px;height: 2px; background-color: var(--ThemeGuestColor); }

.btn_guest { position: relative; padding: 10px 20px; border-top-left-radius: 50px 100px; 
	border-bottom-right-radius: 50px 100px; top: 0; background-color: var(--tmDarkBlue);
	text-shadow: none;font-size: 20px; box-shadow: 0 10px 20px rgba(0,0,0, .4); 
	transition: .2s all; -webkit-transition: .2s all;-moz-transition: .2s all;}
.btn_guest:hover { top: 4px; box-shadow: 0 5px 10px rgba(0,0,0, .4);}

.diagonal_path { padding: 10rem 10%; clip-path: polygon(0 20%, 100% 0, 100% 80%, 0 100%); }
.diagonal_path_top { padding: 10rem 10%; clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%); }
.diagonal_path_bottom { padding: 10rem 10%; clip-path: polygon(0 0, 100% 0, 100% 80%, 0 90%); }
.diagonal_path_light { padding: 1.2rem 4%; clip-path: polygon(0 7%, 100% 0, 100% 92%, 0 100%); }

.animate-pop-in {position: relative; animation: popIn .5s .5s ease-in both; }

.paginator_result { display: table;width: auto; margin: 6px 10px; margin-left: auto; }
.paginator_result_flex { display: inline-flex; border-radius: 10px; padding: 0;
	background-color: var(--mzLightTurquoise); overflow: hidden;}
.paginator_result_flex a { margin: 0; padding: 2px 4px; color: var(--ThemeColor);
	background-color: transparent; }
.paginator_numbers { display: flex; list-style: none;align-items: center; }
.paginator_numbers li { margin: 0 6px;padding: 0 4px; border-radius: 5px;font-weight: bold;
	color: #fff;background-color: var(--ThemeColor); }
.paginator_numbers li:not(.active) { display: flex; background-color: transparent;}
.paginator_numbers li:not(.active) a { color: var(--ThemeColor);}

/*=================================================*/

/*HEADER*/
.navbar-dark .navbar-brand { margin-left: 10px; margin-right: auto; }
.tm_header { padding: 0 1rem; backdrop-filter: blur(15px) saturate(0.5);
background: rgba(var(--tmHeaderBgGuestColor), .9); }/*rgba(230, 126, 34,.90)*/
.tm_header .navbar-brand { display: inline-flex; padding: 4px 0;margin: -10px auto;margin-left: 0;}
.tm_header .navbar-brand img { float: left;height: 90px; }
.tm_header .navbar-nav .nav-link {position: relative; padding: 1.6rem 1rem; color: #ffffff96; }
.tm_header .navbar-nav .nav-link:after { content: '';position: absolute;bottom: 0;left: 0;width: 100%;
	height: 0;background-color: #fff;transition: height ease .2s; -webkit-transition: height ease .2s;}
.tm_header .navbar-nav .nav-item.active .nav-link:after { height: 2px; }
.tm_header .navbar-nav .nav-item.active .nav-link:hover:after { height: 6px;}
.navbar-dark .navbar-toggler-icon { color: var(--tmBlackGray); }
.shape-simetriaflex { position: absolute;top: 0;left: 0;right: 0;width: 100%; min-height: 20vh; 
	z-index: -1; filter: invert(85.1%) sepia(58%) saturate(6162%) hue-rotate(348deg) 
	brightness(97.4%) contrast(88%); }
.wrapper { overflow-x: initial; }

/*HOME*/
.tm_banner {display: table;position: relative; width: 100%;min-height: 60vh; padding: 0 30px;
	overflow: hidden;border-bottom-left-radius: 100% 40px;border-bottom-right-radius: 100% 40px; }
.tm_banner:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, var(--selkOrange), rgba(6,25,73,0.9));opacity: .8;
    z-index: -1; }
.tm_banner .tm_banner_slogan { font-style: italic;text-transform: uppercase;font-weight: bold; 
	font-size: 46px;}
.tm_banner .btn_catalog { background-color: var(--ThemeGuestColor);}
.tm_banner .tm_banner_image { position: absolute;left: 0;top: 0; width: 100%;
	height: 100%; background-size: cover;background-position: center center; 
	background-image: url('../img/pages/bg-factory.jpg');z-index: -1;}
.tm_banner .carousel { min-height: 77vh; margin-bottom: 160px; }
.tm_banner .carousel-indicators { bottom: -50px; align-items: baseline;}
.tm_banner .carousel-indicators > li { display: inline-flex;width: 30px; height: 4px;
	overflow: hidden; background-color: var(--selkOrange); margin-right: 6px;margin-left: 6px; 
	vertical-align: bottom;}
.tm_banner .carousel-indicators > li.active {height: 10px; }
.tm_banner .carousel-indicators > li > img { display: flex; width: 60%;height: auto; 
	border-radius: 50%;}
.tm_banner .carousel-item .tm_pdhome { width: 100%; max-width: 300px;margin: 0 auto; }
.tm_banner .carousel-item .text-high { color: var(--tmBlackGray); }
.tm_banner .carousel-item .text-high h3 { font-size: 30px;font-weight: 400;margin-bottom: 25px; 
	text-align: center; }
.tm_banner .carousel-item .text-high p { font-size: 12px; }
.tm_packingslink > a { position: relative; margin: 30px auto; font-size: 22px; 
	color: var(--selkOrange); padding-right: 20px;transition: 450ms all;-webkit-transition: 450ms all;
	-moz-transition: 450ms all;-ms-transition: 450ms all; }
.tm_packingslink > a > i { position: absolute;right: -5px;top: 50%;transform: translateY(-50%);}
.tm_packingslink > a:hover i { animation: arrowlink 1s ease forwards infinite alternate; }

.tm_headline { color: var(--tmDarkBlue); }
.tm_headline span { display: block; color: var(--ThemeGuestColor); }
.tm_form { display: block;position: relative; width: 100%;max-width: 800px;margin: 30px auto 70px auto; 
	padding: 5rem 30px;	border-radius: 15px; background-color: #fff;color: var(--tmBlackGray);
	font-weight: bold;overflow: hidden; }
.tm_form:after { content: '';position: absolute;left: 0;top: 0;height: 100%;width: 5px;
	background-color: var(--ThemeGuestColor);transition: .2s ease all; -webkit-transition: .2s ease all;
	-moz-transition: .2s ease all;-ms-transition: .2s ease all;}
.tm_form:hover:after { width: 10px; }
.tm_form input[type="text"], .tm_form input[type="email"], .tm_form select, 
.tm_form textarea { width: 100%; border: none; border-bottom: 1px solid var(--tmDarkBlue);
	margin-bottom: 15px; outline: none;resize: none;font-weight: bold;color: var(--tmDarkBlue);}
.tm_form .form-send { align-items: center;justify-content: center;text-align: center; }
.tm_form button[type="submit"] { padding: 4px 24px;font-size: 26px;
	 border:none; outline: none;}

.tm_form button[type="submit"]:hover { background-color: var(--tmLightBlue); }

.tm_about > div{position: relative; background-image: url('../img/pages/bg-edificios.jpg');
	background-size: cover; background-attachment: fixed; }
.tm_about > div:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, var(--selkOrange), rgba(6,25,73,0.9));opacity: .8;
    z-index: 0; }

.tm_about .tm_about_enterprise { padding: 4px;margin-bottom: 50px; font-size: 16px; }
.tm_about .tm_about_enterprise h5 { display: inline-block; position: relative;font-weight: bold; }
.tm_about .tm_about_enterprise h5:before { content: '';position: absolute;width: 10px;height: 10px;
	left: 50%;bottom: -10px; background-color: var(--ThemeGuestColor); 
	transform: translateX(-50%) rotate(45deg);}
.tm_about .tm_about_enterprise h5:after { content: '';position: absolute;width: 100%;height: 2px;
	left: 0;bottom: -6px; background-color: var(--ThemeGuestColor);}
.tm_about .tm_about_enterprise ul { text-align: left;list-style: none;cursor: default; }
.tm_about .tm_about_enterprise ul li { position: relative; margin: 5px auto; padding: 10px; 
	 border: 1px solid var(--tmDarkBlue);background-color: rgba(6,25,73, 0.5); z-index: 1;}
.tm_about .tm_about_enterprise ul li:before { content: '';position: absolute;width: 10px;height: 10px;
	left: -5px; top: 16px; background-color: var(--tmDarkBlue); transform: rotate(45deg);}
.tm_about .tm_about_enterprise ul li:after { content: '';position: absolute;width: 0;height: 100%;
	left: 0;top: 0; z-index: -1; background-color: var(--tmDarkBlue); transition: .3s ease-out all; 
	-webkit-transition: .3s ease-out all; -moz-transition: .3s ease-out all;
	-ms-transition: .3s ease-out all;
}
.tm_about .tm_about_enterprise ul li:hover:after { width: 100%; z-index: -1;}
.tm_about .counter-content { text-align: center;}
.tm_about .counter-content i:before { font-size: 30px;color: var(--tmDarkBlue); }
.tm_about .counter-content .count-text { font-size: 18px;font-style: italic;}

.tm_products_highlight { background-color: var(--tmBlackGray); }
.tm_products_highlight_carousel { padding-bottom: 10px;}
.tm_products_highlight_carousel .carousel-indicators { bottom: -50px; align-items: baseline;}
.tm_products_highlight_carousel .carousel-indicators > li { display: inline-flex;width: 30px; 
	height: 4px; overflow: hidden; background-color: var(--selkOrange); margin-right: 6px;
	margin-left: 6px; vertical-align: bottom;}
.tm_products_highlight_carousel .carousel-indicators > li.active {height: 10px; }
.tm_products_highlight_carousel .carousel-indicators > li > img { display: flex; width: 60%;
	height: auto; border-radius: 50%;}
.tm_products_highlight_carousel .carousel-item .tm_highlight_product { width: 100%; min-height: 320px;
	max-width: 280px; margin: 0 auto;padding: 10px 20px; border-radius: 10px; background-color: #fff;}
.tm_products_highlight_carousel .carousel-item .text-high { color: var(--tmBlackGray); }
.tm_products_highlight_carousel .carousel-item .text-high h3 { font-size: 30px;font-weight: 400;
	margin-bottom: 25px; text-align: center; }
.tm_products_highlight_carousel .carousel-item .text-high p { font-size: 12px; }

.tm_contact-highlight { padding: 200px 0; }
.tm_contact-highlight .tm_contact-highlight-icons > div a {display: inline-flex;position: relative; 
	margin: 10px;padding: 10px; text-decoration: none; color: var(--tmBlackGray); 
	justify-content: center; border-radius: 50px; align-items: center;overflow: hidden;
	white-space: nowrap;}
.tm_contact-highlight .tm_contact-highlight-icons > div a:before,
.tm_contact-highlight .tm_contact-highlight-icons > div a:after { content: '';position: absolute;
	left: 50%;	top: 50%; width: calc(100% + 20px);height: 150%; border-radius: 50px;
	transform: translate(-50%, -50%) scaleX(1);background-color: #fff;z-index: -1;}
.tm_contact-highlight .tm_contact-highlight-icons > div a:after { background-color: var(--tmLightRed);
	transition: 250ms ease all;-moz-transition: 250ms ease all;-webkit-transition: 250ms ease all;
	-ms-transition: 250ms ease all;transform: translate(-100%, -50%) scaleX(0);}
.tm_contact-highlight .tm_contact-highlight-icons > div a:hover { color: #fff; }
.tm_contact-highlight .tm_contact-highlight-icons > div a:hover:after { 
	transform: translate(-50%, -50%) scaleX(1);transform-origin: left center; }
.tm_contact-highlight .tm_contact-highlight-icons > div a > i {position: relative; width: 40px; 
	margin-right: 8px; }
.tm_contact-highlight .tm_contact-highlight-icons > div a > i::after { content: '';position: absolute;
	left: 0; top: 0; transform: scale(1.3); width: 40px;height: 40px; background-color: var(--selkRed);
	z-index: 0;	backface-visibility: hidden; border-radius: 50px;transition: 150ms ease;
	-webkit-transition: 150ms ease;}
.tm_contact-highlight .tm_contact-highlight-icons > div a > i::before {position: relative;
	font-size: 40px; color: #fff; width: 40px; z-index: 1; }

.tm_partners { color: #fff; background-color: var(--tmDarkBlue);}
.tm_partners .col { color: var(--selkGray);transition: 250ms all; -webkit-transition: 250ms all;
	-moz-transition: 250ms all;-ms-transition: 250ms all;}
.tm_partners .col i:before {font-size: 50px;max-width: 50px;}
.tm_partners .col img { max-width: 220px;width: auto; height: 70px;filter: grayscale(90); opacity: .7;
	transition: 250ms all; -webkit-transition: 250ms all; -moz-transition: 250ms all;
	-ms-transition: 250ms all; }
.tm_partners .col h5 { display: none; }

.post-date{ display: block;padding: 10px;margin: 4px auto;background: #f4f4f4; }

/*EMBALAGENS*/
.tm_spinner { position: absolute;display: table;width: 32px;height: 32px; left: calc(50% - 16px);top: 25%;
	margin: auto; font-size: 32px;visibility: hidden;opacity: 0; transform: scale(0);z-index: 2;
	transition: .3s ease;-webkit-transition: .3s ease;-moz-transition: .3s ease;-ms-transition: .3s ease;
	transition-delay: .3s;}
.tm_spinner.shows {animation: simSpinner 1s linear infinite;transform: scale(1);opacity: 1; }
/*body {background: #f1f2f6;}*/
.gift-banner { width: 100%; height: 88px; background-color: #d4748d;}
.single-prod { display: grid;grid-template-columns: 1fr;min-height: 45vh; margin: 10px auto; 
	padding: 20px; border: 1px solid rgb(230,230,230);border-radius: 10px; background: #fff;}
.single-img.active {position: fixed;top: 0;left: 0; width: 100vw;height: 100vh;z-index: 9999;
	background: rgba(15, 26, 31, 0.9);
	transition: 0.2s all;-webkit-transition: 0.2s all;-moz-transition: 0.2s all;
	-ms-transition: 0.2s all;}
.single-img.active .single-big-img {position: fixed;width: 100vw;height: 100vh;margin-left: -10px;}
.single-img.active .single-big-img img {z-index: 99999; position: absolute;top: 50%;left: 50%; 
	transform: translate(-50%,-50%);animation: whitebox 250ms ease-in-out;
	-webkit-animation: whitebox 250ms ease-in-out; transform-origin: left top; }
.single-img.active .single-small-thumbs ul { width: auto;display: inline-flex; position: absolute;
	left: 50%; bottom: 0;transform: translateX(-50%); }
.single-img.active .single-small-thumbs ul li {min-width:110px; }
.single-big-img {position: relative;}
.single-big-img img {position: relative;top: 0;left: 0; pointer-events: none;}
.single-small-thumbs { width: 100%;float: left; }
.single-small-thumbs > ul {display: block;width: 100%;float: left;}
.single-small-thumbs > ul > li {display: inline-block;margin: 2px;cursor: pointer;}
.single-small-thumbs > ul > li > img { display: flex; width: 100%;border: 1px solid transparent; 
	max-width: 100px; opacity: 0.8;pointer-events: none;background-color: #fff;
	transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;}
.single-small-thumbs > ul > li.active img { border: 1px solid #444;opacity: 1; }
.single-small-thumbs > ul > li:hover img {opacity: 1;}
.single-info { text-align: center; }
.single-info h2 { color: var(--selkAsphalt);font-size: 36px;}
.single-info > h4 { color: #555;font-size: 22px; font-style: italic; }
.single-desc { color: #555; }
.single-desc span { font-size: 20px; }
.single-share { width: 100%;margin: 40px auto; }
.single-share li a { display: inline-flex;vertical-align: middle; width: 42px;height: 42px;
	justify-content: center; margin: 0.4rem;padding: 6px;border-radius: 50px; font-size: 30px; 
	text-decoration: none; transition: 250ms ease;-webkit-transition: 250ms ease;
	-moz-transition: 250ms ease; -ms-transition: 250ms ease;-o-transition: 250ms ease; }
.single-share li:nth-child(1) a { color: #25D366; }
.single-share li:nth-child(2) a { color: #3b5999; }
.single-share li:nth-child(3) a { color: #55acee; }
.single-share li:nth-child(4) a { color: #0077B5; }
.single-share li:nth-child(5) a { color: #dd4b39; }

.single-buy { text-align: center; }
.single-buy > .main-price { font-size: 34px;color: #333;}
.single-buy > .parcel a { color: #68c38a; }
.single-buy > .parcel a:hover { color: #70a1fe; }
.single-buy-btn { padding: 40px 0;}
.single-buy-btn > button { cursor: pointer; }

.single-freight { padding: 10px 0;border-top: 1px solid #ccc;}
.calc-freight { width: 100%;float: left;display: flex; }
.calc-freight .single-input-box { width: 100%; float: left; }
.input-box-text {font-size: 14px;text-transform: lowercase;margin-bottom: 4px;}
.calc-freight .input-wrap { margin-right: 5px;flex: 1 auto; }
.calc-freight .input-wrap input.input-box{width: 100%;height: 30px; padding: 0 1em;overflow: hidden;
	font-size: 16px; font-weight: bold;	font-family: 'Century Gothic';cursor: text; outline: 0;
	color: #999; border: 1px solid #ccc;}
#btn-freight { cursor: pointer;font-weight: bold;margin: 14px 4px 0; }
/*packaging filter and products*/
.tm_highlight { position: relative; }
.packing-filter { position: sticky;top: 90px; width: 100%; background-color: #ecf1f390; 
	 backdrop-filter: blur(15px) saturate(.5); z-index: 2;}
.packing-filter li { margin: 6px; font-size: 14px; cursor: pointer;color: var(--tmBlackGray); }
.packing-filter li.shows { padding-left: 10px;padding-right: 10px; background-color: var(--tmBlackGray);
	color: #fff;border-radius: 10px; }
.tm_packagings { width: 100%;min-height: 430px; display: grid;grid-template-columns: 1fr;}
.tm_packaging-inner { padding: 20px; }
.tm_packaging-inner .tm_prod { min-height: 20vh; margin: 10px auto; 
	padding: 20px;	border: 1px solid rgb(230,230,230);border-radius: 10px; background: #fff;}
.tm_packaging-inner .tm_prod .carousel .carousel-control-prev{ 
	background: linear-gradient(270deg, transparent, #00000030 90%); }
.tm_packaging-inner .tm_prod .carousel .carousel-control-next { 
	background: linear-gradient(90deg, transparent, #00000030 90%); }
.tm_packaging-inner .tm_prod .single_info { padding: 10px; }
.tm_packaging-inner .tm_prod .single_info > h2 { font-size: 20px; }
.tm_packaging-inner .tm_prod .single_info > .single_info_category { padding-left: 10px;
	padding-right: 10px; background-color: var(--tmBlackGray); color: #fff;border-radius: 10px; 
	font-style: italic;}
.tm_packaging-inner .tm_prod .single_desc h4 {padding-top: 15px;margin: 6px auto; color: var(--tmRed);
	text-align: center; font-size: 18px;}
.tm_packaging-inner .tm_prod .single_desc .single-share { margin: 0;
	background-color: var(--tmRed); color: #fff;border-radius: 10px; }
.tm_packaging-inner .tm_prod .single_desc .single-share li a {color: #fff;}

.label_sharebuttons { display: inline-block;width: 100%;padding-top: 40px; margin: 0 auto;
	text-align: center; }

/*LEGAL*/
.tm_legal { background-color: #fff;border-radius: 10px; padding: 20px; margin: 60px auto; }
.tm_legal > h4 { margin: 15px auto; }

/*LOGIN*/
.login_container { display: table; min-height: 83vh; height: calc(100vh - 94px); width: 100%; 
	padding: 0 15px; margin: 0 auto;
	background: linear-gradient(45deg, var(--selkOrange), var(--selkRed));}
.login_container .tm_title { display: table; margin: 20px auto;font-size: 38px; color: #fff;
	text-align: center; }
.tm_loginbox { max-width: 600px;box-shadow: 0 2px 0px 1px var(--tmLightGray); }

/*FOOTEr*/
.tm_contact { background-color: var(--selkBgDark);padding-top: 1px; }
.tm_contact-icons > div { position: relative; }
.tm_contact-icons > div:after { content: '';position: absolute;left: 0;bottom: 0; height: 5px; 
	width: 100%; background-color: var(--ThemeGuestColor);transform: scaleY(0); 
	transition: transform ease .2s;	-webkit-transition: transform ease .2s;
	-moz-transition: transform ease .2s;transform-origin: bottom; backface-visibility: visible;}
.tm_contact-icons > div > a {display: inline-flex;position: relative; margin: 10px; 
	text-decoration: none; color: #fff;align-items: center;white-space: nowrap;z-index: 1;}
.tm_contact-icons > div > a > i {width: 40px; margin-right: 8px; }

.tm_contact-icons > div > a > i::before {position: relative;font-size: 40px;font-weight: inherit;
	width: 40px; z-index: 1; }
.tm_sitemap { background-color: var(--selkBlackDark); }
.tm_sitemap .tm_icon img { max-width: 200px; opacity: .7;user-select: none;pointer-events: none; }
.tm_signature { padding: 15px 10px;font-size: 14px; background-color: var(--selkBlackDark); }
.tm_signature .row { text-align: center; }
.tm_signature .row div a { color: var(--ThemeGuestColor); }
.tm_signature .footer_guest_up { position: fixed;display: none; width: 40px;height: 40px; 
	padding: 6px; right: 10px;bottom: 10px; border-radius: 50px; font-size: 20px;
	color: var(--ThemeGuestColor); background-color: #fff;box-shadow: 0 0 0 0.2rem rgba(0,0,0,0.2);
	transition: 0.3s transform;-webkit-transition:0.3s transform;
	-moz-transition:0.3s transform; -ms-transition:0.3s transform;}
.tm_signature .footer_guest_up:hover { transform: scale(1.15); }
.navbar-tm_footer > li > .nav-link { color: #ffffff80; }
.navbar-tm_social { justify-content: center; }
.navbar-tm_social i:before { color: var(--ThemeGuestColor); }

/*=============
	ADMIN
=============*/
/* home adm */
main .analytic-numbers .col-md-4 label { border-radius: .25rem; padding: 5px 10px; background-color: var(--tmBlackGray); 
	color: var(--selkBgLight);}
main .analytic-numbers .col-md-4 > span { color: var(--tmDarkGray);}

.card-best-clients ul .list-group-item { padding: 10px 1.25em; padding-left: 4px;font-size: 12px;color: var(--selkBgGray); }
.card-best-clients ul .list-group-item .best-client-index { padding: 2px 6px; font-weight: bold;font-size: 14px;
	color: #f1c40f;background-color: var(--selkBgDark);}
.card-best-clients ul .list-group-item .best-client-index#client_2 { color: #95afc0;}
.card-best-clients ul .list-group-item .best-client-index#client_3 { color: #f39c12;}
.card-best-clients ul .list-group-item .best-client-qtd { color: var(--selkDarkTurquoise);}

/*orçamento tmbudget*/
.navbar_budget { margin: auto; margin-right: 0; }
.main-budget { position: relative; }
.budget_top { position: sticky; display: flex; top: 0;margin-top: 0;width: 100%;}
.tm_title { margin-left: 10px; color: #ccc; }
.tm_budget-details { display: inline-grid;position: relative;vertical-align: baseline;top: -16px;
	height: 1px; }
.tm_budgettotal { font-size: 14px; color: var(--selkGreen); }
.tm_freight,
.tm_cdp { font-size: 10px; color: #999; }
.tm_freight > .active { color: var(--selkBgGray); }
.tm_detailsbudget { display:-webkit-inline-box; width: 340px; list-style: none; padding: 4px;
	font-weight: 200;
	background-color: rgba(20,40,80,0.06); color: var(--selkBgGray);margin: 0 auto 0;
	overflow-x: auto;}
.tm_detailsbudget > li > label{ white-space: nowrap; margin-bottom: 0;}
.tm_detailsbudget > li:not(:last-child):after {content: '|';}

.tmbudget { overflow: hidden; }
.tmbudget-content { height: auto;padding: 15px 2%; max-height: calc(90vh - 31px); overflow-y: auto; }
.tmbudget-content input[type="search"],
.tmbudget-content input[type="text"],
.tmbudget-content input[type="number"] { outline: none; width: auto;min-width: 250px; border: none;
	border-radius: 5px; padding: 4px 10px; background-color: var(--selkBgDark); color: #ccc;}
.tmbudget-content label { color: #ccc; }
.tmbudget-content .fetch_clientdata {position: relative; border: 1px solid rgba(0,0,0,0.06);
	border-radius: 10px; padding: 24px 10px;padding-left: 20px;margin-top: 10px; color: #666;}
.tmbudget-content .fetch_clientdata > .tm_divclientview { position: relative; margin: 5px; padding: 10px;
	border-radius: 10px; border: 2px solid rgba(0,0,0,0.05);background-color: var(--tmBlackGray);
	color: var(--selkBgGray); }
.tmbudget-content .fetch_clientdata > .tm_divclientview > .tm_add_client { display: flex;
	position: absolute;
	top: -8px;left: -32px; height: 30px;width: 30px; padding: 5px 6px; border: 2px solid rgba(0,0,0,0.4);
	border-radius: 50%;background-color: var(--selkBgDark); color: var(--selkBlackDark); 
	cursor: pointer;}
.tmbudget-content .fetch_clientdata > .tm_divclientview > .tm_add_client > svg { pointer-events: none; }
.tmbudget-content .fetch_clientdata > .tm_divclientview > span { display: block; }
.tmbudget-content .fetch_clientdata > .tm_divclientview > span > label { font-weight: bold; 
	margin-right: 8px;
	color: var(--tmLightGray); }
.tmbudget-content .client_credit_limit { border: 1px solid var(--tmGray); border-radius: .2rem;
	padding: 4px; padding-top: 25px; background-color: var(--tmBlackGray);}
.tmbudget-content .client_credit_limit > label { width: 100%; text-align: center;}
.tmbudget-content .client_credit_limit .credit_limit_bars { height: 10px; position: relative;
	background-color: var(--tmBlue);}
.tmbudget-content .client_credit_limit .credit_limit_bars div { position: absolute; height: 100%;}
.tmbudget-content .client_credit_limit .credit_limit_bars .credit_in_use { background-color: var(--selkGreen);
	border-right: 4px solid #fff;}
.tmbudget-content .client_credit_limit .credit_limit_bars .credit_in_use label { position: relative; 
	width: 100%; top: -25px; text-align: right;background-color: var(--tmBlackGray);}
.tmbudget-content .client_credit_limit .credit_limit_bars .credit_available label { position: absolute; 
	width: 100%; top: -25px; text-align: center;}
.tmbudget-content > div > h4 { font-size: 18px; }
.tmbudget-searchformclient,
.tmbudget-searchform { position: relative; }
.tm_btnsearch { position: absolute; top: 10%; right: 6px; padding: 4px;
	visibility: hidden;opacity: 0; transform: translateX(-50%); color: #444;transition: 250ms ease-out;}
.tm_btnsearch.show { visibility: visible;opacity: 1;cursor: pointer;
	animation: fadeInbtn 250ms ease-out forwards; }
.tm_btnsearch.show svg { pointer-events: none; }
.tmbudget-searchformclient > input[type='search'],
.tmbudget-searchform > input[type='search'],
.tmbudget-obs textarea {-webkit-appearance: none; outline: none; 
	width: 100%; padding: 4px 10px; margin: 10px auto; border-radius: 10px; 
	border: 1px solid var(--selkBgDark); background-color: var(--selkBgDark); color: #ccc;}
.tmbudget-searchformclient > input[type='search']:focus,
.tmbudget-searchform > input[type='search']:focus,
.tmbudget-obs textarea:focus { border-color: var(--ThemeColor); }
.tmbudget-searchform > input[type='search']::search-results-button { appearance: none;}
.tmbudget-searchform > input[type='search']::-webkit-search-results-button {-webkit-appearance: none;}
.tmbudget-searchform > input[type='search']::-webkit-search-cancel-button {-webkit-appearance: none;}
.tmbudget-contentsearch { display: block; overflow: hidden;overflow-y: auto; }
.tmbudget-contentsearch > h5 { font-size: 30px; }
.tmbudget-product { overflow: hidden;}
.tmbudget-product-search { border: 1px solid rgba(0,0,0,0.06);border-radius: 10px;padding: 10px 0; }
/*view em mobile para rolar horizontalmente*/
.tmproduct_view,
.tm_colection_products { display: flex;overflow-y: hidden;overflow-x: auto; margin-top: 10px;
	max-width: /*300px*/100%; max-height: 100%; color: #666;}
.tmbudget-product-error {position: relative; display: grid; grid-template-columns: 1fr;
	margin: 0;padding: 15px 10px;list-style: none; overflow-x: initial;
	min-width: 160px;}
.tmbudget-product-view {position: relative; display: grid; grid-template-columns: 1fr;
	margin: 0;padding: 15px 10px;list-style: none;
	border-radius: 10px; background-color: rgba(10,40,80,0.06); overflow-x: initial;
	min-width: /*270px*/100%;}
.tmbudget-product-view > span { position: sticky; display: flex;height: 30px;width: 30px;
	padding: 4px 7px;
	top: -15px;left: -10px;margin-top: -14px;margin-left: -10px; border: 2px solid rgba(0,0,0,0.4);
	border-radius: 50%;	background-color: var(--selkBgDark); cursor: pointer;}
.tmbudget-product-view > .tm_add_product { border: 2px solid rgba(0,0,0,0.4);}
.tmbudget-product-view > .tm_remove_product { border: 2px solid rgba(0,0,0,0.4);}
.tmbudget-product-view > span > i { display: grid;min-width: 12px; margin: auto; pointer-events: none;
	align-items: center;justify-content: center; }
.tmbudget-product-view > li { display: grid;margin: 4px 2px; padding: 4px;
	border: 1px solid rgba(0,0,0,0.1); border-radius: 4px;box-shadow: 0 2px 0 0 rgba(0,0,0,0.1); 
	background-color: var(--selkBgDark); }
.tmbudget-product-view > li > textarea,
.tmbudget-product-view > li > input[type="text"],
.tmbudget-product-view > li > input[type="number"] { border: 1px solid rgb(118,118,118); 
	border-radius: 0;
	padding: 4px;margin-top: 4px; background-color: rgba(0,20,20,0.02); font-size: 11px;font-weight: 800;
	color: var(--selkBgGray);text-indent: 5px;cursor: text;white-space: nowrap; resize: none;}
.tmbudget-product-view > li > span,
.tmbudget-product-view > li > textarea:disabled,
.tmbudget-product-view > li > input:disabled { white-space: nowrap; color: var(--selkGray); 
	cursor: default; border-color: rgba(0,0,0,0.01); font-weight: 800; font-size: 14px;}
.tmbudget-product-view > li > textarea:disabled { color: #777; }
.tmbudget-product-view > li > select { color: var(--selkBgGray); background-color: var(--selkBgBlack); }
/*form tmbudget*/
.tmbudget-product-form { position: relative;margin-bottom: 30px;padding-bottom: 10px; }
.tmbudget-product-form > span { color: var(--selkGray); }
.tmbudget-product-form > .tm_budgettotal { float: left;width: 100%; font-size: 25px; margin-bottom: 12px;
	color: var(--selkGreen);}
.tmbudget-product-form > select { border: 2px solid rgba(0,0,0,0.3);border-radius: 20px;margin: 6px auto;
	padding: 6px;outline: none; }
.tmbudget-product-form > .tm_selecttable { background-color: var(--tmBlackGray);color: #ccc; }
.tmbudget-product-form > .tm_statustable {display: inline-block; margin: 10px auto; color: #888;
	border-radius: 10px;padding: 5px; background-color: var(--tmBlackGray); font-size: 14px;
	pointer-events: none;user-select: none;}
.tmbudget-product-form > .tm_statustable > label span { display: none; padding: 2px 5px;cursor: pointer; 
	border-radius: 10px;
	font-weight: 400; transition: 250ms ease;-moz-transition: 250ms ease; -ms-transition: 250ms ease;
	-webkit-transition: 250ms ease;}
.tmbudget-product-form > .tm_statustable > label input[type='radio']:checked + span { display: inline-block; color: var(--tmBlackGray); 
	background-color: var(--ThemeColor); }
.tmbudget-product-form .tm_selectcdp { width: -webkit-fill-available; padding: 10px;
	background-color: var(--tmBlackGray);color: #ccc; outline: none;cursor: pointer; }

.tm_colection_client > span { display: block; color: var(--selkGray);}
.tm_colection_client > .budget-client { display: inline-block; }
.tm_colection_client > .budget-client.tm_client { display: inline-block;position: relative; 
	padding: 4px 10px; padding-right: 34px; margin: 4px auto; background-color: rgba(10,40,80,0.06);
	font-size: 18px; text-transform: uppercase;	color: #777;border: 1px solid rgba(0,0,0,0.4);
	border-radius: 10px; transition: 150ms ease;-moz-transition: 150ms ease; -ms-transition: 150ms ease;
	-webkit-transition: 150ms ease;}
.tm_colection_client > .budget-client.tm_client > .tm_remove_client { position: absolute; display: flex;
	top: 50%;right: 5px; width: 22px;height: 22px; border-radius: 50%;padding: 0; background-color: #777;
	transform: translateY(-50%); cursor: pointer; transition: background-color 150ms ease; 
	-moz-transition: background-color 150ms ease; -ms-transition: background-color 150ms ease; 
	-webkit-transition: background-color 150ms ease;}
.tm_colection_client > .budget-client.tm_client:hover { color: var(--selkBgGray);
	background-color: rgba(5,30,70,0.03); border-color: #555;box-shadow: 0 1px 2px rgba(0,0,0,0.1); }
.tm_colection_client > .budget-client.tm_client:hover .tm_remove_client { 
	background-color: var(--selkYellow);}
.tm_colection_client > .budget-client.tm_client > .tm_remove_client > i { display: flex;margin: auto;
	color: var(--selkBlackDark); align-items: center; justify-content: center; pointer-events: none;}
.tm_colection_client > .tm_client_overdue {font-style: italic;font-size: 14px; 
	color: var(--tmLightGray);}
.tm_colection_client > .tm_client_overdue.indue { color: var(--tmDarkGray); }
.tm_colection_client > .tm_client_overdue .tm_client_overdue_status { font-size: 12px; }
.tm_colection_client > .tm_client_overdue .tm_client_overdue_item { display: flex; margin: 5px;}
.tm_colection_client > .tm_client_overdue .tm_client_overdue_item span,
.tm_colection_client > .tm_client_overdue .tm_client_overdue_item label { margin: auto 5px;}
.tm_colection_client > .tm_client_overdue .tm_client_overdue_item label { color: #ccc; }
.tm_colection_client > .tm_client_overdue .tm_client_overdue_item.overdue_expired label { color: var(--ThemeColor);}
.tm_colection_client > .budget-void,
.tm_colection_products > .budget-void { display: inline-block; padding: 5px 10px;margin: 4px auto; 
	background-color: var(--selkDarkAsphalt);font-size: 18px; color: #777;border-radius: 40px; }
.tm_sendbtn > button { margin-bottom: 6px; }
/*form clientes*/
.main_client_edit { max-height: calc(100vh - 80px); overflow-y: auto; }
.budget_form.disabled { pointer-events: none; user-select: none;
	-webkit-pointer-events: none; -webkit-user-select: none;outline: none;-webkit-outline:none;}
.budget_form .send-group {display: inline-block;width: 100%; grid-column: 1/4; border-radius: 50px;
	padding: 2px 8px; }
.budget_form .send-group > .send_group_label { font-size: 13px; color: #ccc; }
.budget_form .send-group.has-error > input,
.budget_form .send-group.has-error > textarea { border-color: var(--selkRed); }
.budget_form .send-group > input,
.budget_form .send-group > textarea,
.budget_form .send-group > select { display: block;width: 100%;margin: 6px auto; outline: none;
	resize: none;
	border: 2px solid rgba(0,0,0,0.5); border-radius: 20px;padding: 6px; text-indent: 10px;
	color: var(--selkBgGray);
	background-color: var(--selkBgDark); font-family: 'Roboto', sans-serif; cursor: text; }
.budget_form .send-group > select { border-radius: 2px;box-shadow: none; 
	border: 1px solid rgba(0,0,0,0.4); cursor: pointer; }
.budget_form .send-group > input:disabled,
.budget_form .send-group > textarea:disabled,
.budget_form .send-group > select:disabled { background-color: rgba(39, 39, 39, 0.3); }
.budget_form .send-group > input::placeholder,
.budget_form .send-group > input::-webkit-input-placeholder,
.budget_form .send-group > input::moz-placeholder,
.budget_form .send-group > textarea::placeholder,
.budget_form .send-group > textarea::-webkit-input-placeholder,
.budget_form .send-group > textarea::moz-placeholder,
.budget_form .send-group > select::placeholder,
.budget_form .send-group > select::-webkit-input-placeholder,
.budget_form .send-group > select::moz-placeholder { color: var(--selkLighGray); }
.budget_form .send-group > input:active,
.budget_form .send-group > textarea:active,
.budget_form .send-group > input:focus,
.budget_form .send-group > textarea:focus,
.budget_form .send-group > select:focus { border-color: rgba(0,0,0,0.7);color: var(--selkBgLight); }
.budget_form .tm_overdue_group { padding: 5px; }
.budget_form .tm_overdue_group .tm_overdue_item { display: grid; position: relative;
	grid-template-columns: 1fr 1fr 1fr;}
.budget_form .tm_overdue_group .tm_overdue_add,
.budget_form .tm_overdue_group .tm_overdue_item .tm_overdue_remove { position: relative;
	display: flex; height: 30px;flex-wrap: nowrap; align-items: center; width: max-content; 
	padding: 5px 6px; border: 2px solid rgba(0,0,0,0.4); border-radius: 50px; color: #ccc;
    background-color: var(--selkBgDark); cursor: pointer; }
.budget_form .tm_overdue_group .tm_overdue_add { position: sticky;top: 5px; z-index: 2;}
.budget_form .tm_overdue_group .tm_overdue_add i:before { margin-right: 5px; }
.budget_form .tm_overdue_group .tm_overdue_add:hover { border-color: var(--selkGreen); }
.budget_form .tm_overdue_group .tm_overdue_item .tm_overdue_remove { position: absolute;left: auto;
	right: 0; }
.budget_form .tm_overdue_group .tm_overdue_item .tm_overdue_remove:hover { 
	border-color: var(--selkRed);}

.show_enterprises {position: relative; display: block; width: 100px; height: 40px; overflow: hidden;
	margin-bottom: 10px;cursor: pointer;}
.show_enterprises:before {content: '';position: absolute;width: 100%;height: 100%; border-radius: 50px; 
	color: #fff;font-size: 20px; background-color: grey; }
.show_enterprises:after { content: '';position: absolute;left: 21px;top: 50%;height: 36px;width: 36px;
	background-color: #fff;border-radius: 50px; transform: translate(-50%, -50%);
	transition: 150ms ease;	-webkit-transition: 150ms ease;-ms-transition: 150ms ease;
	-moz-transition: 150ms ease; }
input[type="checkbox"]#show_enterprises:checked + .show_enterprises:before { background-color: royalblue;}
input[type="checkbox"]#show_enterprises:checked + .show_enterprises:after { left: 79px; }
input[type="checkbox"]#show_enterprises:checked ~ .amatools_enterprises { display: table; }
/*dropdown de pesquisa*/
.budget_enterprises, .search_result {display: none; width: 100%; height: max-content; max-height: 120px; 
	align-self: center; color: #ccc; background-color: var(--selkBlackLight); border: 1px solid #222;
	overflow-y: auto; z-index: 1;}
.budget_enterprises.is_dropdown,
.search_result.is_dropdown { position: absolute; box-shadow: 0px 10px 20px rgba(0,0,0,0.4); }
.budget_enterprises > a,
.search_result > a { display: block;margin: 4px 3px; padding: 1px 5px;
	color: #fff;background-color: #444;	border: 1px solid #444;border-radius: 0;
	transition: 150ms ease;-webkit-transition: 150ms ease;-ms-transition: 150ms ease;
	-moz-transition: 150ms ease;}
.budget_enterprises > a.isselected, .search_result > a.isselected { background-color: #555; }
.budget_enterprises > a > svg, .search_result > a > svg {margin-left: 3px; pointer-events: none; }
.budget_form { display: grid; grid-template-columns: 1fr 1fr 100px;grid-auto-flow: dense; }

/* PRODUCTS */
.modal-delete-products { display: none; position: fixed; bottom: 0px; left: 0; right: 0; padding: 10px;
	background-color: var(--tmBlackGray); text-align: center; animation: popIn 200ms 200ms ease-in-out both;}
.modal-delete-products.show { display: block;}

/*CONFIGURAÇÕES*/
.main-settings { display: block; position: relative;max-width: 1200px; max-height: calc(100vh - 95px); 
	padding: 45px 8px;margin: 0 auto; overflow-y: auto; }
.main-settings .send-group label { color: #ccc; }
.main-settings input[type="search"],
.main-settings input[type="text"],
.main-settings input[type="email"],
.main-settings input[type="date"],
.main-settings select,
.main-settings input[type="number"] { outline: none; width: auto;min-width: 250px; border: none;
	border-radius: 5px; padding: 4px 10px; background-color: var(--selkBgDark); color: #ccc;}
.main-settings > h1 { color: #999; }
.main-settings > form {position: relative; padding-left: 10px; margin-bottom: 20px; }
.main-settings > form .form-reps { position: relative; }
.main-settings > form .form-reps .toggle-reps {position: sticky;display: flex;width: 40px; height: 40px;
	top: 10px;float: right; color: #999; padding: 4px;margin: 10px;margin-top: -25px; cursor: pointer; 
	justify-content: center;align-items: center; border-radius: 50px; 
	background-color: var(--selkBgDark);
	transition: all 150ms ease;-moz-transition: all 150ms ease; -ms-transition: all 150ms ease;
	-webkit-transition: all 150ms ease;}
.main-settings > form .form-reps .toggle-reps.active { transform: rotate(180deg); }
.main-settings > form .form-reps .toggle-reps i {pointer-events: none;}
.main-settings > form ul { list-style: none; }
.main-settings > form ul.ul-settings > li { display: inline-block; padding: 10px; border: 2px solid #333;
	border-radius: 4px; margin: 4px auto;}
.main-settings > form ul.ul-settings > li > span {  position: sticky; display: flex;height: 30px;
	width: 30px;
	padding: 4px 7px; /*top: -10px;left: -10px;*/margin-top: -12px;margin-left: -12px; 
	border: 2px solid rgba(0,0,0,0.4); color: var(--selkLighGray); border-radius: 50%;
	background-color: var(--selkBgDark);cursor: pointer;}
.main-settings > form ul.ul-settings > li > span.edit-item {margin-left: auto;margin-top: -30px;
	margin-right: -4px;color: var(--ThemeColor); }
.main-settings > form ul.ul-settings > li > span i { display: flex; width: -webkit-fill-available;
	margin: auto; align-items: center; justify-content: center; pointer-events: none; }
/*rep-modal*/
.main-settings > form .rep-modal > .close-rep-modal { display: none; }
.main-settings > form .rep-modal.active { position: fixed;width: 100%;height: 100%;left: 0;top: 0;
	padding: 40px 20px; border-radius: 0; background-color: var(--selkBlackDark);
	overflow-y: auto; z-index: 9999;}
.main-settings > form .rep-modal.active > .close-rep-modal { position: sticky;top: -20px;
	margin-top: -15px;
	float: right;padding: 6px 9px; display: inline-flex;background-color: var(--selkBgDark);
	border-radius: 50px; border: 2px solid #555; color: #999; cursor:pointer;}
.main-settings > form .rep-modal.active > .close-rep-modal i {display: flex;margin: auto;
	pointer-events: none;}
.main-settings > form .rep-modal .send-group { margin: 10px auto; }
.main-settings > form .rep-modal input, 
.main-settings > form .rep-modal select { width: 100%; }
/* configurações ACL supervisor */
.main-settings > form .submit_rep { position: sticky; width: 100%; bottom: -50px; padding: 10px 0;
	background-color: var(--selkBlackDark); box-shadow: 0 -10px 10px 5px #212121; }
.main-settings > form .tile {position: relative;display: inline-flex; border: 3px solid var(--selkBgBlack);
	background-color: var(--tmBlackGray); margin-bottom: 10px;}
.main-settings > form .tile input[type="checkbox"] { -webkit-appearance: none; position: absolute; height: 10px; width: 10px;
	background-color: var(--tmGray); border-radius: 10%; cursor: pointer; border: 3px solid transparent; 
	box-shadow: 15px 15px 25px var(--selkBgBlack);z-index: -1;}
.main-settings > form .tile input[type="checkbox"]:after { position: absolute; font-family: 'Font Awesome 5 Free';
	font-weight: 400; content: ""; font-size: 12px; top: 10px; left: 10px; color: var(--tmDarkGray);}
.main-settings > form .tile label { margin-bottom: 0; padding: 10px;cursor: pointer;}
/* .main-settings > form .tile label i { color: #25D366; } */
.main-settings > form .tile input[type="checkbox"]:checked + label i { color: #25D366;}

/*ANALYTICS*/
.analytics .analytics-green { color: var(--selkGreen);}
.analytics td .analytics-rank { padding: 2px 10px;border-radius: 0.25rem; background-color: var(--tmBlackGray);}

.analysis { margin: 0 auto; text-align: center;padding-bottom: 20px;}
.analysis_rca_name { color: var(--tmLightGray);}
.analysis_rca_current_sales { margin-bottom: 0;}
.analysis_rca_current_sales > b { font-size: 16px;}
.analysis .analysis_goal_chart { position: relative; height: 5px; background-color: var(--tmBlue);overflow: hidden;}
.analysis .analysis_rca_current_sales:hover .analysis_goal_chart { height: 15px;align-items: center;}
.analysis .analysis_goal_chart .analysis_goal_bar {position: absolute;left: 0;height: 100%; background-color: var(--selkGreen);
	overflow-x: hidden;}
.analysis .analysis_goal_chart .analysis_goal_bar .analysis_goal_bar_value {display: none;text-wrap: nowrap;font-size: 12px;
	font-weight: bold; color: var(--tmBlackGray);}
.analysis .analysis_rca_current_sales:hover .analysis_goal_chart .analysis_goal_bar .analysis_goal_bar_value { 
	display: table; margin: auto;}
.analysis .analysis_details {margin: auto; background-color: var(--selkBlackLight);}
.analysis .analysis_details .flex .flex-2 { display: grid;}
.analysis .analysis_details .flex label {display: block; font-size: 0.8em; color: var(--tmLightGray);margin: 0; }
.analysis .analysis_details .flex label b {display: block; text-wrap: nowrap;}
.analysis .analysis_details .flex span {font-size: 0.7em; color: var(--tmDarkGray);}
.analysis .analysis_chart { padding-top: 15px;}
.analysis .analysis_chart ul { width: max-content; position: relative;left: -20px; margin: auto;
	 list-style: none; text-align: right;}
.analysis .analysis_chart ul li { color: var(--tmDarkGray);}
.analysis .analysis_chart .analysis_chart_title label { color: var(--tmLightGray);margin-bottom: 0;}

.analysis .analysis_chart .analysis_chart_item { position: relative; margin: 5px 0;padding-right: 5px; 
	border-right: 1px solid var(--selkAsphalt);
	transition: all ease-in-out 250ms;-webkit-transition: all ease-in-out 250ms;}
.analysis .analysis_chart .analysis_chart_item:hover { color: var(--selkBgLight);}
.analysis .analysis_chart .analysis_chart_item span { font-weight: bold;}
.analysis .analysis_chart .analysis_chart_item sub {display: none; font-size: 10px; font-style: italic;}
.analysis .analysis_chart .analysis_chart_item:hover sub { display: block;}
.analysis .analysis_chart .analysis_chart_item .analysis_bar { position: absolute;left: 100%;bottom: 8px;height: 10px; }
.analysis .analysis_chart .analysis_chart_item .analysis_bar::before { content: ''; position: absolute;
	height: 100%;width: 100%;left: 0; right: 0;
	background-color: #25D366;}
.analysis .analysis_chart .analysis_chart_item:hover .analysis_bar::before { background-color: var(--selkBgLight);}

/*===ANIMATIONS===*/
@keyframes simSpinner {
	0% { transform: rotate(0deg);-webkit-transform: rotate(0deg);visibility: visible; }
	100% {transform: rotate(359deg);-webkit-transform: rotate(359deg);visibility: visible;}
}

@keyframes arrowlink {
	0%{ right: -5px; }
	100% { right: -20px; }
}

@keyframes whitebox {
	0% { transform: scale(0.5) translate(-50%,-50%); }
	100% { transform: scale(1) translate(-50%,-50%); }
}
@-webkit-keyframes whitebox {
	0% { transform: scale(0.5) translate(-50%,-50%); }
	100% { transform: scale(1) translate(-50%,-50%); }
}

/*MEDIA QUERIES*/

@media (min-width: 420px){
	.tmproduct_view,
	.tm_colection_products { max-width: 100%; }
	/*form clientes*/
	.budget_form .send-group.span1 { grid-column: span 1; }
	.budget_form .send-group.span2 { grid-column: span 2; }
	.budget_form .send-group.span3 { grid-column: span 3; }
	.budget_form .send-group.gd1 { grid-column: 3/3; }
	.budget_form .send-group.gd2 { grid-column: 1/3; }
	.budget_form .send-group.gd3 { grid-column: 1/2; }
}

@media (min-width: 640px){
	.single-big-img { margin-right: 10px; }
	.tm_banner .carousel-indicators > li { width: 50px; background-color: #ffffff;}
	.tm_banner .carousel-item .text-high { color: #fff; }
	.tm_banner .carousel-item .text-high h3 { text-align: left; }
	.tm_banner .carousel-item .text-high p { font-size: 16px; }
	.tm_packaging-inner .tm_prod .single_desc .single-share li:first-child { display: none; }/*oculta tel*/
	.tm_highlight > .single-share li:first-child { display: none; }
}

@media (min-width: 768px){
	.tm_control {display: inline-flex; margin: 10px; }

	/*HEADER*/
	.tm_header .navbar-brand { margin-left: auto; }
	.tm_header .navbar-nav .nav-link:hover { color: #fff;background-color: inherit; }

	/*HOME*/
	.tm_banner .carousel { min-height: 100%; }
	.tm_banner .carousel-item .tm_pdhome { max-width: 500px; }
	.tm_banner .carousel-indicators { bottom: -100px; }
	.tm_partners .col:hover, .tm_partners .col:hover img { color: #fff; filter: inherit;opacity: 1; }
	.navbar-tm_footer > li > .nav-link:hover { color: #fff; }
	.navbar-tm_social i:hover:before { color: var(--selkDarkRed); }
	/*split*/
	.tm_splitpacking .split_row > div:nth-child(1) { text-align: center; }
	.tm_splitpacking .split_row > div:nth-child(1) h2 { font-size: 50px;}
	.tm_splitpacking .split_row > div:nth-child(1) h3 { font-size: 32px;letter-spacing: 3px; }
	.tm_split .split{left: 0;background-attachment: inherit;}
	.tm_split .split.split0,
	.tm_split .split.split1 {background-position: 50% 50px;background-size: contain;}
	.tm_splitpacking .tm_highlight_trigger { font-size: 30px;}

	/*EMBALAGENS*/
	.packaging_banner_title,
	.tm_highlight .packaging_highlight_desc { color: #fff; }
	.single-prod { grid-template-columns: 35% 1fr; max-width: 80%;margin: 20px 10%;margin-bottom: 40px;}
	.single-big-img { margin-right: 20px;overflow: hidden; }
	.single-big-img img { transition: 250ms ease;-webkit-transition: 250ms ease;
		-moz-transition: 250ms ease;
		-ms-transition: 250ms ease;-o-transition: 250ms ease; }
	.single-big-img:hover img { transform: scale(1.1); }
	.single-small-thumbs > ul > li > img { max-width: 115px;}
	.single-info { text-align: left; }
	.single-share li a:hover { background-color: var(--selkDarkAsphalt);color: #fff;
		transform: scale(1.1); }
	.single-freight .single-input-box { max-width: 300px;}
	.tm_packagings { grid-template-columns: 1fr 1fr;}
	.packing-filter { border-bottom-left-radius: 200px; border-bottom-right-radius: 200px;
		background-color: var(--tmDarkRed); backdrop-filter: blur(15px) saturate(.5);}
	.packing-filter li { margin: 1rem; font-size: 18px; cursor: pointer;color: #fff; }
	.packing-filter li.shows { padding-left: 10px;padding-right: 10px; 
		background-color: var(--tmBlackGray);
		color: #fff;border-radius: 10px; }
	.tm_packaging-inner .tm_prod .single-img .carousel-item img { transition: 250ms ease;
		-webkit-transition: 250ms ease;-moz-transition: 250ms ease;	-ms-transition: 250ms ease;
		-o-transition: 250ms ease; }
	.tm_packaging-inner .tm_prod .single-img .carousel-item:hover img { transform: scale(1.1);}

	/*FOOTER*/
	.tm_contact-icons > div:hover:after { transform: scaleX(1); }
	.tm_contact-icons > div:hover { color: var(--ThemeGuestColor); }
	/*.tm_signature .row { text-align: left; }*/
	.navbar-tm_social { justify-content: flex-start; }

	/*ADMIN*/
	.radioswitch { display: flex; }
	.budget-table th, .budget-table td {width: 9%; font-size: 0.8rem;}
	.tm_detailsbudget { width: auto; margin: 0 auto 0; }

	.main-settings > form .form-reps .toggle-reps:hover { border: 2px solid #999; }
	.main-settings > form ul.ul-settings > li:hover { border-color: #888; }
	.main-settings > form ul.ul-settings > li > span:not(.edit-item):hover {
		border-color: var(--selkYellow);
		color: var(--selkYellow);}
	.main-settings > form ul.ul-settings > li > span.edit-item:hover { border-color: var(--ThemeColor);
		color: var(--ThemeColor); }
	.main-settings > form .rep-modal.active > .close-rep-modal:hover { 
		border-color: var(--selkLightGray); }
	.tm_colection_client > .budget-client.tm_client { border-radius: 40px; }
}

@media (min-width: 1024px){
	.tm_packagings { grid-template-columns: 1fr 1fr 1fr;}

	/*ADMIN*/
	/*.tmbudget-content { max-height: calc(99vh - 200px);}*/
	.tmbudget-content .fetch_clientdata > .tm_divclientview > .tm_add_client:hover { 
		border-color: var(--selkGreen); }
	.tmproduct_view,
	.tm_colection_products {display: block; overflow-x: auto; max-width: 100%; overflow-y: auto
		;max-height: 300px; }
	.tm_colection_products { max-height: 600px; }
	.tm_colection_products > .budget-void { margin-left: 0; }
	.tmbudget-product-view { display: grid; grid-template-columns: 30% 1fr 1fr; width: 100%;
		overflow-x: hidden;}
	.tmbudget-product-view > .tm_add_product:hover { border-color: var(--selkGreen); }
	.tmbudget-product-view > .tm_remove_product:hover { border-color: var(--selkLightRed); }
	.tmbudget-product-view > li > input[type="text"]:hover:not(:disabled) { border-color: #444;
		background-color: #fff; }
	/*form clientes*/
	.budget_enterprises > a:hover,
	.search_result > a:hover { background-color: var(--ThemeColor); }
}