/*
 * Autor: Martin Carrillo
 * Email: martin@nubix.com.ar
 * Web: www.nubix.com.ar
 * 
 * Mejora la compatibilidad y experiencia del checkout de la tienda utilizando Modernizr
 * Da soporte a aquellos clientes que no tienen soporte JS o bien lo tienen deshabilitado
 * 
 */

/* Format all tempaltes */
.alert {
	margin:0;
}


/* DEPRECATED - NECESITA MODERNIZR

 Si no tiene habilitada funciones Javascript

.no-js #address-checkout,
.no-js #terminal-checkout,
.no-js #shipping-type-checkout,
.no-js #billing-checkout {
	display:inline;	
}

.no-js .js-widget {
   display:none;
}

 Si tiene habilitada funciones Javascript

.js #address-checkout,
.js #terminal-checkout,
.js #shipping-type-checkout,
.js #billing-checkout {
   display:none;
}
*/

#address-checkout,
#terminal-checkout,
#shipping-type-checkout,
#billing-checkout {
	display: none;
}

/* NubixStore Form */

.ns-form input::placeholder { text-transform: uppercase; }

.ns-form input,
.ns-form textarea,
.ns-form select{ border: 0; border-bottom: 1px solid #222;box-shadow: none!important; }

.ns-form label,
.ns-form select:hover,
.ns-form input[type=radio]:hover { cursor: pointer!important; }

.ns-form label span { color: #ca3c24; }

.ns-form select:required,
.ns-form input:required {
	border: 0;
	border-bottom: 1px solid darkred
}

.ns-form select:required:invalid,
.ns-form input:required:invalid,
.ns-form textarea:required:invalid {
	border-bottom-color: #ca3c24;
}

.ns-form input:required:valid,
.ns-form select:valid,
.ns-form input[type="email"]:valid,
.ns-form textarea:valid {
	border: 0;
	border-bottom: 1px solid #21A117;
}

.ns-form input[type="number"]:valid {
	border: 1px solid #21A117;
}

.ns-form select:focus,
.ns-form input:required:focus,
.ns-form textarea:focus {
	border-bottom-color:#444;
}

.ns-pay-option { display: none; }

/* Captcha inputs */

#ns-kinputs,
#calculating, #review-sending, #sending, .mail, .yeah { display:none; }

.mail, .yeah { visibility:hidden; }

#calculating { width:30px }
#calculating, #sending, #review-sending { padding-left: 20px; background: url('https://cdn.nubixstore.com.ar/images/nubixstore/loading.gif') no-repeat; }

.error,
select.error,
textarea.error,
input.error,
label.error,
.error-message {
	color: #AC2925;
}

.ns-help-cursor { cursor:help }

.ns-cursor,
select,
.cursor {
	cursor: pointer;
}

/* CSS Stocks color defaults */

.ns-stock-1 { color: #468847;background:none }
.ns-stock-2 { color: #000;background:none }
.ns-stock-3 { color: #b94a48;background:none }
.ns-stock-4 { color: #9F6000;background:none }
.ns-stock-5 { color: brown;background:none }

/* Formato de precios */

.ns-from-price {
	color: #999
}

.ns-second-price,
.ns-price {
	font-size:16px;
	font-weight:normal;
}

.ns-price {
	color: #c00;
}

.ns-second-price {
	color: #222222;
}

.ns-item .ns-second-price,
.ns-item .ns-price {
	font-size:24px;
}

.ns-item-grid .ns-second-price,
.ns-item-grid .ns-price {
	font-size:16px;
}

.ns-old-price {
	font-weight:normal;
	font-size:10px;
	text-decoration: line-through;
	color: #444444
}

/* NubixStore Badges / Cucardas */

.ns-badge-sm,
.ns-badge { border-radius: 2px; font-weight:bold; padding: 3px; color: #ffffff!important; margin: 0 1px; position: relative;z-index: 998 }

.ns-badge-sm { padding:2px; font-size:10px }

.ns-badge i { color: #ffffff!important; }

.ns-badge-off,
.ns-off { background-color: #cc0000 }

.ns-badge-hot-off,
.ns-hot-off { background-color: darkorange }

.ns-badge-new,
.ns-new { background-color: #222 }

.ns-badge-combo,
.ns-combo { background-color: #0C7FCC }

.ns-badge-pack,
.ns-pack { background-color: #0C7FCC }

.ns-badge-promo,
.ns-promo { background-color: #0C7FCC }

.ns-badge-cupon,
.ns-cupon { background:none; border: 1px dotted #222; color: #222}

.ns-badge-free-shipping,
.ns-free-shipping { background-color:#25ba2d }

.ns-opacity-low { opacity: .7 }
.ns-opacity-medium { opacity: .5 }
.ns-opacity-high { opacity: .2 }

/* END Badges / Cucardas */

.ns-off-price { color: #c00; font-weight:normal }
.ns-off-price-sm { font-size:15px; color: #c00; font-weight:normal }

.ns-tiny-off {
	font-size:10px;
	color: #4b9c3f;
	font-weight:normal
}

/* NubixStore Widths */
.ns-width100 { width:100%!important; }
.ns-width99 { width:99%!important; }
.ns-width95 { width:95%!important; }
.ns-width90 { width:90%!important; }
.ns-width80 { width:80%!important; }
.ns-width50 { width:50%!important; }
.ns-width33 { width:33%!important; }
.ns-width25 { width:25%!important; }

/* NubixStore Google Maps CSS Config */
#ns-gmap { height: 500px; width: 100%; background-color: grey; margin: 10px 0;}

/* Front Top Bar */

#clearfix-ns-bar {
	clear:both;
	height:28px;		
}

#ns-bar {	
	width:100%;
	background: #222;
	color: #fff;
	font-size: 14px;
	height:28px!important;
	padding: 4px;
	z-index: 999;
	position: fixed;
	clear:both;}

#ns-bar.non-fixed { position: relative; }

#ns-bar a { color: #FFF }
#ns-bar a:hover { color: #e7b900 }

#ns-bar .title { color: #e7b900; font-size: 14px!important; background: none }
#ns-bar .refresh { color: #09b800 }
#ns-bar .new { font-weight:bold;color:#e7b900;background:none }
#ns-bar .upper { text-transform: uppercase }
#ns-bar .strong { font-weight:bold }

#ns-bar .alert { position: absolute; top:5px; right:5px;width:20% }
#ns-bar .alert .close { color: #000; padding: 0 3px; }
#ns-bar .alert .alert-link { color:inherit; font-weight:bold}

.is-backend .alert,
.is-ajax .alert,
.ns-cart-alert { position: fixed; bottom:10px; right:10px;width: 20%;z-index: 99999; display: none; padding: 10px; }
@media (max-width: 480px) {
	.is-backend .alert,
	.is-ajax .alert,
	.ns-cart-alert { width: 65%; text-transform: initial; font-size:12px; }
}

#ns-bar #ns-bar-txt { text-align: center; text-transform: uppercase}
#ns-bar #ns-bar-txt a,
#ns-bar #ns-bar-txt b,
#ns-bar #ns-bar-txt strong { text-align: center; color: #e7b900; }

#ns-bar-social { margin-top:-26px }
#ns-bar-social a {  margin-right:5px; padding: 2px }
#ns-bar-social i,
#ns-bar-social a {
	font-size:23px; float: right; color: #FFF;
}

/* CONTACT FIXED BUTTON */

#ns-contact-btn {
	position:fixed;
	right: 20px;
	bottom:20px;
	padding: 2px;
	border-radius: 4px;
	z-index: 999
}

#ns-contact-btn a,
#ns-contact-btn i { font-size: 25px; color: #fff; padding: 0 2px 0 0 }

#ns-contact-btn a:hover i { color: #222 }

#ns-contact-btn #ns-contact-btn-whatsapp {
	position: fixed;
	left: 20px;
	bottom: 20px;
	width: 60px;
	height: 60px;
	background: url('https://cdn.nubixstore.com.ar/images/nubixstore/60whatsapp.webp');
}


/*
.is-deposit .cake-sql-log,
.is-dispatch .cake-sql-log,
.is-admin .cake-sql-log { display:inline }
 */

/* NubixStore SSL Logo */
.ns-ssl-logo { height:65px;padding:2px; }

@media (max-width: 1024px) {
	#ns-bar { display: none }
}

/* NubixStore QR AFIP*/
.ns-qr-afip { height:50px; margin-top:0px; padding: 0 5px;float:left }

/* Social Media Colors

.fa-instagram { color: #bc2a8d!important; }
.fa-whatsapp { color: #4dc247!important; }
.fa-facebook { color: #3b5998!important; }
.fa-twitter { color: #55acee!important; }
.fa-youtube { color: #ff0000!important; }
.fa-googleplus { color: #dd4b39!important; }
.fa-linkedin { color: #007bb5!important; }
.fa-pinterest { color: #cb2027!important; }
.fa-snapchat { color: #fffc00!important; }

*/

.ns-no-border { border: 0}

.ns-right { float: right }
.ns-left { float: left }

.ns-padding0 { padding:0!important; }
.ns-padding1 { padding:1px!important; }
.ns-padding2 { padding:2px!important; }
.ns-padding3 { padding:3px!important; }
.ns-padding4 { padding:4px!important; }
.ns-padding5 { padding:5px!important; }
.ns-padding8 { padding:8px!important; }
.ns-padding10 { padding:10px!important; }
.ns-padding20 { padding:20px!important; }
.ns-margin0 { margin:0!important; }
.ns-margin1 { margin:1px!important; }
.ns-margin2 { margin:2px!important; }
.ns-margin3 { margin:3px!important; }
.ns-margin4 { margin:4px!important; }
.ns-margin5 { margin:5px!important; }
.ns-margin8 { margin:8px!important; }
.ns-margin10 { margin:10px!important; }
.ns-margin20 { margin:20px!important; }
.ns-pm0 { margin:0!important; padding:0!important; }
.ns-pm1 { margin:1px!important; padding:1px!important; }
.ns-pm2 { margin:2px!important; padding:2px!important; }
.ns-pm4 { margin:4px!important; padding:4px!important; }
.ns-pm5 { margin:5px!important; padding:5px!important; }
.ns-pm8 { margin:8px!important; padding:8px!important; }
.ns-pm10 { margin:10px!important; padding:10px!important; }
.ns-pm20 { margin:20px!important; padding:20px!important; }

.ns-full-height { height:100%!important; }

/* NubixStore Moda configu */

.ns-modal .modal-body .ns-modal-full-img { width: 100%;}

.ns-modal-iframe .modal-body {
	padding:10px;
	height: calc(100vh - 200px)!important;
	overflow-y: auto;
}

.ns-modal-iframe .modal-body iframe { width: 100%; height: 100% }
.ns-modal-iframe .modal-content .close { font-size: 60px; font-weight: bold; color: #000!important; position:absolute; margin: -30px 15px 0 0; right: 10px; padding:0}
.ns-modal-iframe .modal-content .close:hover { color: darkred!important;}

/* NubixStore Modal Fullscreen */
.ns-modal-fs { width: 95%; height: 95%; margin: 2% 0 0 2.5%; padding: 0; }
.ns-modal-fs .modal-body { height: auto; min-height: 95%; border-radius: 0; overflow-y: hidden; }

/* NubixStore Modal Alert */
.ns-modal-alert { margin-top: 10%; }

/* Ajax Modal Add2Cart Option */

.ns-option { float: left; color: #222; margin-bottom: 2px; }
.ns-option input[type="number"] { float: left; margin: 8px 5px 8px -12px; }

.ns-option input[type=number]::-webkit-inner-spin-button,
.ns-option input[type=number]::-webkit-outer-spin-button {
	opacity: 1;
	-webkit-appearance: textfield;
	margin: 1px;
}

/* Para que e4ra esto ?
.ns-modal-iframe .modal-dialog,
.ns-modal-iframe .modal-content {
	height: 90%;
}
 */

/* Modal in mobile */
.modal { top: 5%; }
.is-mobile .modal { top: 0; width: 100%!important; height: 120%!important; z-index: 99999999999999999; padding: 0; margin: 0; border: 0 }
.is-mobile .modal-dialog { padding: 0; margin: 0; border: 0 }

/* NubixStore Select Cart */

.ns-cart-select {
	clear:both;
}

.ns-cart-select-title {
	text-transform: uppercase;
	margin-bottom: 4px;
}

.ns-cart-group-select-txt-option {
	clear:both;
}

.ns-cart-select-color-option,
.ns-cart-select-img-option,
.ns-cart-select-txt-option {
	float: left;
	margin: 0 4px 4px 0;
	border: 1px solid #ccc;
	cursor: pointer;
}

.ns-cart-select-color-option,
.ns-cart-select-txt-option {
	color: #222222;
	padding: 10px 15px;
}

.ns-cart-select-color-option,
.ns-cart-select-txt-option a {
	color: #222222;
}

.ns-cart-select-img-option {
	padding: 0;
}

.ns-cart-select-img-option img {
	width: 50px;
}

.ns-cart-select-img-option.disable img {
	opacity:0.3;
}

.ns-cart-select-color-option:hover,
.ns-cart-select-img-option:hover,
.ns-cart-select-txt-option:hover {
	border: 1px solid #222;
}

.ns-cart-select-option.active {
	background: #222;
	color: #fff;
	border: 1px solid #222;
}

.ns-cart-select-option.active a {
	color: #fff;
}

.ns-cart-select-option.disable {
	border: 1px solid #ccc;
	color: #ccc;
	cursor: not-allowed;
	background-color: transparent;
}
.ns-cart-select-option.disable a { cursor: not-allowed; color: #ccc; }
.ns-cart-select-option.disable a .ns-hexa-color { opacity: 0.15 }

.ns-new-option {
	color: #fff;
	font-weight: bold;
	background: #cb1d1d;
	font-size: 9px;
	padding: 4px;
	float:right;
	margin-top: -20px;
	margin-left: -30px;
}

.ns-price-option {
	color: #111;
	border: 1px solid #111;
	font-weight: bold;
	background: #fff;
	font-size: 11px;
	padding: 2px 4px;
	float: right;
	margin: 0;
	margin-top: -18px;
	margin-left: -40px;

}

#ns-select-message {
	margin: 4px 0 4px 0;
	padding:4px 0;
	font-size: 12px;
	color: #bb0c21;
}
#ns-select-message i { margin-top: -4px}

.ns-cart-select-color-option { border: 0!important; padding:0; }
.ns-cart-select-color-option .tooltip.top { margin-left: 15px}
.ns-hexa-color { width: 35px; height:35px; padding:0; margin:0; border-radius: 25px; border: 1px solid #ccc; }

.is-mobile .ns-hexa-color {  width: 25px; height:25px; border-radius: 15px }

.ns-cart-select-color-option.active {
	background: none
}
.ns-cart-select-color-option.active .ns-hexa-color {
	border: 1px solid #222;
}

/* NubixStore Order Status DIV */

.ns-status,
.ns-order-status { padding:1px 2px;color:#FFF;font-weight:bold; text-transform: uppercase; font-size: 10px; text-align: center; background-color: none }

.ns-alert-error,
a .ns-alert-error {
	background: red!important;color:#fff!important;text-decoration: none!important;
}

/* NubixStore Table */

.ns-table { background: none }
.ns-table a { text-decoration: none }

.ns-table .td-info { background: #222; color: #eee; text-align: center}

.ns-table .td-delete i,
.ns-table .td-action-2 i,
.ns-table .td-action i { color: #222; font-size: 18px; margin-right: 4px; }

.ns-table .fa-copy { font-size: 10px }

.ns-description table > tbody > tr > td,
.ns-table > tbody > tr > td {
	border-top: 0!important;
	border-right:0!important;
	border-bottom:1px solid #e0e0e0;
	vertical-align: middle!important;
	text-align: left;
}

.ns-table,
.ns-description table { border: 0; width: 100%}

.ns-table tr:nth-child(odd),
.ns-description table tr:nth-child(odd) {
	background-color: #f5f5f5;
}

.ns-table tr.ns-table-sub {
	background-color: #fff3cd;
}

.ns-description table tr td,
.ns-table tr td { border: 0; padding: 4px!important; text-align: left }

.ns-description table tr:hover,
.ns-table tr:hover { background: #EDEDED; cursor: pointer}

.ns-table > tfoot > tr > td {
	border-bottom: 0!important;
	border-right:0!important;
	border-top:1px solid #444;
	vertical-align: middle!important;
	text-align: left;
	font-weight: bold;
}

.ns-table tr.ns-table-head,
.ns-table tr.ns-table-head td,
.ns-table tr.ns-table-head th {
	text-transform: uppercase;
	font-weight: bold;
	text-align: center!important
}
<<<<<<< .mine

.ns-table tr.ns-table-head td i,
.ns-table tr.ns-table-head th i { color: #fff;font-size: 14px; }

||||||| .r2605
=======

.btn-danger,
.btn-error,
>>>>>>> .r2655
.ns-error,
.ns-background-error,
.ns-background-danger,
.ns-table tr.ns-tr-error td {
	background: #d31e00!important;
	color: #fff!important;
}

.ns-disabled,
.ns-background-disabled,
.ns-table tr.ns-tr-disabled td {
	background: lightpink;
}

.ns-warning,
.ns-background-warning,
.ns-table tr.ns-tr-warning td {
	background: #fcbe03;
	color: #fff;
}

.ns-enabled,
.ns-background-enabled,
.ns-table tr.ns-tr-enabled td {
	background: lightgreen;
}

.btn-success,
.ns-success,
.ns-background-success,
.ns-table tr.ns-tr-success td {
	background: #1ac940!important;
	color: #fff!important;
}

.ns-default {
	background: none;
	color: #222;
	border: 1px solid #222
}

.ns-tr-error .btn,
.ns-tr-disabled .btn,
.ns-tr-warning .btn,
.ns-tr-enabled .btn,
.ns-tr-success .btn { color: #fff!important; }


/* NubixStore Table TD Sizes */
.ns-td-xxs { width: 15px }
.ns-td-xs { width: 30px }
.ns-td-s { width: 60px }
.ns-td-sm { width: 120px }
.ns-td-md { width: 240px }
.ns-td-l { width: 340px }
.ns-td-xl { width: 800px }
.ns-td-xxl { width: 1024px }

.ns-td-icons { width:20px!important }

.ns-td-delete { background:#F2CEE3;padding:4px 0 0 10px;width:20px }
.ns-td-delete a i {
	color: #8B0000!important;
	font-size: 12px;
}

.ns-td-delete:hover { background: #FC4E6B!important}

.td-action,
.ns-td-action { background: #666;padding:4px;color:#fff;width:20px;text-transform: uppercase!important; }

.td-action:hover,
.ns-td-action:hover { background: #222!important}

.td-action a,
.ns-td-action a { color: #FFF; text-transform: uppercase!important; }

.td-action a:hover,
.ns-td-action a:hover { color: #DBC900!important;}

.td-action a i,
.ns-td-action a i {
	color: #fff!important;
	font-size: 12px;
}


/* NubixStore Table Default Colors */
.ns-table a { color: #222 }
.ns-table a:hover { color: #000 }


/* NubixStore FiLter Forms */
.ns-filter div { padding: 0 6px }
.ns-filter .btn { margin: 0; }

.is-frontend #FiltroSearch { height: 30px}

.ns-filter.ns-filter-active input,
.ns-filter.ns-filter-active select { background: #fff1f2!important; color: #444!important; }
.ns-filter.ns-filter-active select::placeholder { color: #444!important; }

#filtro input,
#filtro select,
.ns-filter input,
.ns-filter select { text-transform: uppercase!important;}

/* HACKS PARA VENEDOR */
.ns-cart-select-img-option .tooltip.top {
	margin-left: 25px;
}

/* NubixStore Thumb Sizes */
.ns-thumb-xxs { height:20px!important;width:auto!important;padding: 1px; border: 0 }
.ns-thumb-xs { height:30px!important;width:auto!important;padding: 1px; border: 0 }
.ns-thumb-sm { height:60px!important;width:auto!important;padding: 1px; boder: 0 }
.ns-thumb-md { height:90px!important;width:auto!important;padding: 1px; boder: 0 }
.ns-thumb-lg { height:120px!important;width:auto!important;padding: 1px; border: 0 }

.ns-popup-img {
	position: absolute;
	margin-top: -400px;
	margin-left: 100px;
	border:1px dotted darkred;
	display:none
}

/* POSITIONS */
.ns-fixed { position: fixed }

/* TEXT */
.ns-txt-top { vertical-align: top!important }
.ns-txt-middle { vertical-align: middle!important }
.ns-txt-bottom { vertical-align: bottom!important }

.ns-center,
.center,
.ns-txt-center { text-align: center!important }

.ns-txt-right { text-align: right!important; }
.ns-txt-left { text-align: left!important; }

.ns-xxl-txt,
.ns-xxl-txt i,
.ns-xxl-txt input
{ font-size:35px!important }

.ns-xl-txt,
.ns-xl-txt i,
.ns-xl-txt input
{ font-size:30px!important }

.ns-lg-txt,
.ns-lg-txt i,
.ns-lg-txt input
{ font-size:25px!important }

.ns-md-txt,
.ns-md-txt i,
.ns-md-txt input
{ font-size:18px!important;line-height: 25px }

.ns-sm-txt,
.ns-sm-txt i,
.ns-sm-txt input
{ font-size:14px!important }

.ns-xs-txt,
.ns-xs-txt i,
.ns-xs-txt input
{ font-size:12px!important }

.ns-xxs-txt,
.ns-xxs-txt i,
.ns-xxs-txt input
{ font-size:10px!important; }

.ns-txt-red { color: darkred }
.ns-txt-green { color: darkgreen }

.ns-upper { text-transform: uppercase!important }

.ns-bold { font-weight:bold!important; }

.ns-italic { font-style: italic!important }

.ns-ub { text-transform: uppercase!important;font-weight:bold!important; }

.ns-error-txt,
.ns-error-txt i {
	color: #AC2925!important;
}

/* LINKS */
.ns-link {
	color: #095fe8!important;
}

.ns-free {
	color: darkgreen!important;
}

.ns-external-link { padding: 0 16px 0 0; background: url(../../img/admin/link.png) center right no-repeat }

.ns-txt-line-through { text-decoration: line-through }

.ns-hide { display:none }
.ns-block { display: inline-block; }
.ns-inline { display: inline; }
.ns-no-border { border:0!important; }

.ns-invisible {
	visibility: hidden;
	display:none;
}

.ns-banner {
	padding:1px!important;
	margin:0!important;
}

/* NubixStore effects */

/* Blink text */
.ns-blink { animation: ns-blinker 3s linear infinite; }
@keyframes ns-blinker { 50% { opacity: .3; } }

/* HACKS */
.btn-default:hover { color: #444; }

/* NubixStore Buttons */
.ns-mini-btn {
	border: 0;
	background: none;
	cursor: pointer;
	text-transform: uppercase;
	border: 1px solid #dedede;
	border-radius: 4px;
}


/* Backend help */

#ns-help-container {
	width: 260px;
	position: fixed;
	bottom: 70px;
	right: 0;
}

#ns-help-container h6 {
	text-align: right!important;
	color: #666;
	margin:0;
	padding:0;
	font-weight:bold;

}

.ns-help-btn {
	font-size: 14px;
	display: block;
	width:100%;
	float: right;
	text-align: right!important;
	margin-bottom: 8px!important;
	border: 0;
	background: rgba(255,255,255,.9);
}

#ns-help {
	background: url('../../img/admin/60help_widget.png') no-repeat;
	width:60px;
	height:60px;
	position: fixed;
	bottom: 0px;
	right: 0;
}

/* NubixStore RESPONSIVE DESIGN */
.ns-img-responsive {
	max-width: 100%; display:block; height: auto;
}

@media print
{
	.ns-no-print, .ns-no-print *
	{
		display: none !important;
	}
}

/* NubixStore SPS DECIDIR SECURE FORM */

.ns-secure-background {
	background: #feffdb!important;
	border: 1px dotted #fff!important;
	border-bottom: 1px dotted #ffbf00!important;
}

#ns-credit-card-form,
#sps-form {
	display: none;
}

#ns-credit-card-holder { margin: 0 auto; display:block; padding: 4px;padding-left: 190px; }
#ns-credit-card-holder img { float:left; }

@media (max-width: 480px) {
	#ns-credit-card-holder { padding-left: 30px; }
}

#ns-credit-card-form select,
#ns-credit-card-form input { text-align: center; background: #feffdb!important; border: 1px dotted #fff!important; border-bottom: 1px dotted #ffbf00; text-transform: uppercase; margin: 1px; padding: 0; }

#ns-credit-card-form input::placeholder {
	text-align: center;
	color: #999!important;
}

#ns-credit-card-form input:invalid { border-bottom: 1px solid #9E2424!important; background: #ffedf8  }

/* DIV Colums */
.ns-col-12 { width:100% }
.ns-col-6 { width:49.5% }
.ns-col-4 { width:32%; display: inline-block; margin-left: 1% }
.ns-col-8 { width:64%; display: inline-block; margin-left: 1% }
.ns-col-3 { width:22%; display: inline-block; margin-left: 2% }
.ns-col-2 { width:15.5%; display: inline-block; margin-left: 1% }

/* NubixStore Admin Toolbar */
#ns-toolbar {
	border-radius: 7px 0 0 7px;
	position:fixed;
	top:30%;
	background: #111;
	right:1px;
	color: #FFF;
	width:35px;
	text-align: center;
	-moz-box-shadow:    inset 0 0 10px #999;
	-webkit-box-shadow: inset 0 0 10px #999;
	box-shadow:         inset 0 0 10px #999;
}

#ns-toolbar i {
	color: #FFF;
	padding:5px;
	font-size: 28px;
	display: block;
	text-align: center;
}

#ns-toolbar i:hover {
	color: darkgoldenrod;
}

#ns-toolbar .ns-sep {
	width:100%;
	border-bottom: 1px solid #ccc;
}

#ns-mail-form {
	width:500px;
}

.ns-tool-div {
	display: none;
	padding: 5px 10px 20px 10px;
	background: #4183c4;
	color: #FFF;
	border-radius: 5px;
	-moz-box-shadow:    inset 0 0 10px #000000;
	-webkit-box-shadow: inset 0 0 10px #000000;
	box-shadow:         inset 0 0 10px #000000;
}

.ns-tool-div h2,
.ns-tool-div h3 {
	width:100%;
	border-bottom: 1px solid #eee;
	padding-bottom: 4px;
	text-transform: uppercase;
}

/* NubixStore Toolbars tools */

#ns-toolbar-tools {
	position:fixed;
	right:5%;
	top:30%;
}


/* NubixStore Calculator */
#ns-calc {
	padding: 10px 5px 20px 5px;
	background: #555;
	text-align: center;
	width: 214px;
	margin: 0 auto;
}

.ns-tool-close {
	background: #000;
	color:#fff;
	float: right;
	margin: -20px -12px 0 0;
	width:23px;
	border-radius: 11px;
}

#ns-calc input[type='button'], #ns-calc button {
	width: 50px;
	height: 50px;
	margin: 2px 0;
	cursor: pointer;
}

#ns-calc div input[type="text"] {
	height: 50px;
	width: 100%;
	background-color: #999;
	color: #fff;
	padding: 12px 20px;
	margin-top: 100px;
	margin-bottom: 4px;
	box-sizing: border-box;
	border-radius: 4px;
	border: 1px solid #777;
}

#ns-calc div.results input, #ns-calc div.results button {
	height: 50px;
}

#ns-calc div.results input, #ns-calc div.results button {
	width: 52px;
}

#ns-calc div.results input {
	width: 156px;
}

#ns-calc div.results button {
	background-color: red;
	color: #fff;
	border: 1px solid red;
}

#ns-calc div.results input {
	background-color: #fd7202;
	color: #fff;
	border: 1px solid #fd7202;
}

#ns-calc span,
#ns-calc i { color: #fff }

#plus, #minus, #by, #devide, #percent {
	background-color: green;
	color: #fff;
	border: 1px solid green;
	font-size: 16px;
}

/* BACKEND */
.is-backend h1 { color: #000 }
.is-backend h1 a.external { color: #777; border-bottom: 1px dotted; }

/* Buttons */
.ns-action-btn { text-transform: uppercase; text-align: center; vertical-align: middle; }
.ns-action-btn:hover { font-weight: bold;}
.ns-action-btn:hover i { display: inline-block  }
.ns-action-btn i { right: 0;display: none }


/* Placeholder elements */

#ns-header-placeholder,
#ns-footer-placeholder { display:none }

.ns-clearfix:after {
	content: " "; /* Older browser do not support empty content */
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.ns-line {
	clear:both;
	height:1px;
	background: #dedede;
	margin: 8px 0;
}