@charset "utf-8";
/* CSS Document */

body{ font-size:85%;  }

/* 
=====================================
Start Cross Browser Styling 
===================================== 
*/


.nano-ui ul, 
.nano-ui li{ list-style:none; margin:0; padding:0; } 
.nano-ui ul{ padding:5px 0; }
.nano-ui li{ padding:3px 0; }
.nano-ui li.pvn{ padding:3px 12px; }



.nano-ui *{
	text-decoration:none;  	
}

::-webkit-input-placeholder,
:-ms-input-placeholder,
::-moz-placeholder,  
:-moz-placeholder,
placeholder{ color:#999; }
.nano-ui input[placeholder], 
.nano-ui textarea[placeholder] { color:#999; }


.nano-ui input,
.nano-ui button,
.nano-ui select,
.nano-ui textarea{
	margin:0;
	outline:0;
	font-size:0.95em;	
	line-height: normal;
    font-family: inherit;
	vertical-align:baseline;
}

.nano-ui button,
.nano-ui input {
    line-height: normal; 
}

.nano-ui button,
.nano-ui input[type="button"],
.nano-ui input[type="reset"],
.nano-ui input[type="submit"] {
    cursor: pointer; 
    -webkit-appearance: button; 
}

.nano-ui button[disabled],
.nano-ui input[disabled] {
    cursor: default;
}

.nano-ui input[type="checkbox"],
.nano-ui input[type="radio"] {
    padding: 0; 
}

/* All Box-sizing  */
.nano-ui *, 
.nano-ui input,
.nano-ui .nui-input,
.nano-ui .nui-button,
.nano-ui select,
.nano-ui textarea,
.nano-ui .nui-textarea,
.nano-ui label,  
.nano-ui .select, 
.nano-ui .radio,
.nano-ui .checkbox, 
.nano-ui .search{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
}

.nano-ui input[type="search"] {
    -webkit-appearance: textfield; 
}

.nano-ui input[type="search"]::-webkit-search-decoration,
.nano-ui input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.nano-ui button::-moz-focus-inner,
.nano-ui input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.nano-ui textarea {
    overflow: auto; 
    vertical-align: top; 
}



/* 
==================================================
End Cross Browser Styling 
================================================== 
*/

/*
=================================================== 
Style custom form inputs and textarea - like
text | tel | number | url | search | password
===================================================
*/

.nano-ui .nui-input, 
.nano-ui .nui-textarea{
	width:100%;
	height:36px;
    color: #333;
	padding: 0 8px;
	background:#fff;
	border: 1px solid;
	border-color:#bbb;
	vertical-align: top;
	display: inline-block;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
	-ms-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
	-o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border-radius: 3px;
} 

.nano-ui .nui-input:focus, 
.nano-ui .nui-textarea:focus, 
.nano-ui .select-multiple > select:focus{
 	border-color: #6BACED;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.15), 0 0 8px rgba(82,168,236,.7);
  	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.15), 0 0 8px rgba(82,168,236,.7);
  	box-shadow: inset 0 1px 1px rgba(0,0,0,.15), 0 0 8px rgba(82,168,236,.7);
} 


/* textarea resize vertically 
---------------------------------------------------------------- */
.nano-ui .nui-textarea{ 	 
	padding:10px; 
	overflow: auto; 
	line-height:22px;
	min-height:140px;
	max-width:100%; 
	resize:vertical;
}

/* textarea auto-height | non resizable 
------------------------------------------------------------------- */
.nano-ui .nui-textarea.auto { height: auto!important; }
.nano-ui .nui-textarea.no-resize { resize: none;  }

/* validtion input | textarea */

/* Form validation errors | on Submition | input + textarea */
.nano-ui .valid, 
.nano-ui .invalid {
    display:block;
    vertical-align: top;
    position: relative;
	width:100%;
}

.nano-ui .invalid > .nui-input, 
.nano-ui .invalid > .nui-textarea{ 
	color:#8F2424;
	background:#FAEBEB; 
	border:1px solid #DB6C6C;
}

.nano-ui .valid > .nui-input, 
.nano-ui .valid > .nui-textarea{
	color:#1A719D;
	background:#EBF7FC; 
	border:1px solid #3EA9DF;
}

.nano-ui .valid > .nui-input:focus, 
.nano-ui .invalid > .nui-input:focus {
    position: relative;
    z-index: 2;
}

.nano-ui .valid:before {
    content: '';
}

.nano-ui .invalid:before, 
.nano-ui .invalid:after {
    content: '';
}
.nano-ui .invalid:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* Form validation themes - NB: Defaults are blue and maroonish respectively
----------------------------------------------------------------------------------- */
.nano-ui .valid.success > .nui-input,
.nano-ui .invalid.error > .nui-input  {
    text-shadow: 0 1px rgba(255, 255, 255, 0.7);
}

/* Success */
.nano-ui .valid.success > .nui-input {
    color: #435c26;
    background: #E2FBCA;
    border-color: #92C058;
}


/* Error */
.nano-ui .invalid.error > .nui-input {
    color: #800000;
    background: #FCDACD;
    border-color: #E44634;
}

.nano-ui .valid.success:before{ border-color: #4F8E28;}
.nano-ui .invalid.error:before, .nano-ui .invalid.error:after{ background: #AD3925; }


/* 
=====================================================================
Search input & form | search input, search button
===================================================================== 
*/ 

.nano-ui input[type=search] { -webkit-appearance: textfield; }
.nano-ui .search { position: relative; display:inline-block; width:100%; }
.nano-ui .search > .nui-input { width: 100%; padding: 0 13px 0 30px; }

/* Search input magnifying glass icon */
.nano-ui .search:before {
    content: '';
    position: absolute;
    top: 13px;
    left: 10px;
    width: 6px;
    height: 6px;
    border: 2px solid #aaa;
    border-radius: 8px;
}
.nano-ui .search:after {
    content: '';
    position: absolute;
    top: 22px;
    left: 17px;
    width: 6px;
    height: 2px;
    background: #aaa;
    border-radius: 1px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: -1px 0 #aaa;
    box-shadow: -1px 0 #aaa;
}

/* Without Magifying Glass */
.nano-ui .search.no-icon > .nui-input{ padding-left:10px; }
.nano-ui .search.no-icon:before, 
.nano-ui .search.no-icon:after{ width:0; height:0; border:0; background: transparent;}
.nano-ui .search.no-icon.round > .nui-input{ border-radius:36px; }

/* Normal search button */
.nano-ui .search .nui-button { top:0; position:absolute; right:0; box-shadow: none;  
-webkit-border-bottom-left-radius: 0;
   -webkit-border-top-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
	    border-bottom-left-radius: 0; 
	   -moz-border-radius-topleft: 0;
		   border-top-left-radius: 0
}

/* Search button with a magnifying glass only icon */
.nano-ui .nui-button.search-icon{ 
	width:36px; 
	height:36px; 
	border-radius:36px; 
	text-indent:-999px; 
	font-size:0!important;
	border-color:#BBB;
}

.nano-ui .nui-button.search-icon:before{  
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    width: 6px;
    height: 6px;
    border: 2px solid #aaa;
    border-radius: 8px;
	
}

.nano-ui .nui-button.search-icon:after{
   content: '';
    position: absolute;
    top: 20px;
    left: 17px;
    width: 6px;
    height: 2px;
    background: #aaa;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: -1px 0 #aaa;
    box-shadow: -1px 0 #aaa;
}

.nano-ui .search.grey input[type="search"]{ background:#F2F2F2;}
.nano-ui .search.rnd > .nui-input, 
.nano-ui .search.rnd .nui-button.round{ border-radius:5em;}
.nano-ui .search.rnd .nui-button.round{ border-radius:0 5em 5em 0;}

/* 
=====================================================================
Default States | select, button, toggle-switch, checkbox + radio
===================================================================== 
*/ 

.nano-ui .select,
.nano-ui .nui-button,
.nano-ui a.nui-button,
.nano-ui input:checked + .radio,
.nano-ui input:checked + .checkbox,  
.nano-ui .toggle-switch > label:before, 
.nano-ui .pagination a{
    border: 1px solid #BBBBBB;
    background-color: #fafafa;
	background-image: -webkit-gradient(linear,  left top,  left bottom,  from(#ffffff),  to(#E6E6E6));
    background-image: -webkit-linear-gradient(top,  #ffffff, #E6E6E6);
    background-image: -moz-linear-gradient(top,  #ffffff, #E6E6E6);
    background-image: -o-linear-gradient(top,  #ffffff, #E6E6E6);
    background-image: linear-gradient(to bottom,  #ffffff, #E6E6E6);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box; 
	background-clip: padding-box;
}

/* 
==========================================================================
Hover + focus States | select, button
========================================================================== 
*/ 

.nano-ui .select:hover, 
.nano-ui .select:focus, 
.nano-ui .select.focus,
.nano-ui .nui-button:hover, 
.nano-ui .nui-button:focus, 
.nano-ui a.nui-button:hover, 
.nano-ui a.nui-button:focus, 
.nano-ui .pagination a:hover{
    border: 1px solid #8FAFC9;
    background-color: #E8EFF4;
    background-image: -webkit-gradient(linear,  left top,  left bottom,  from(#ffffff),  to(#dae5ed));
    background-image: -webkit-linear-gradient(#ffffff,  #dae5ed);
    background-image: -moz-linear-gradient(#ffffff,  #dae5ed);
    background-image: -o-linear-gradient(#ffffff,  #dae5ed);
	background-image: linear-gradient(to bottom,  #ffffff, #dae5ed);
}

.nano-ui .select:hover, 
.nano-ui .select:focus, 
.nano-ui .select.focus{
	background-color:#fff; /* firefox */
}


/* 
==========================================================
Form select | select options
========================================================== 
*/

.nano-ui .select {  
    width:100%;
    height:36px;
	overflow: hidden;
	position: relative;
	vertical-align: top;
	display: inline-block;
    -webkit-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.1);
	text-shadow: 0 1px rgba(255, 255, 255, 0.7);   
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border-radius: 3px;
	
}

.nano-ui .select > select {
    margin: 0;
	border: 0;
	width:120%; 
	height:33px;
    padding:8px;
    color: #666;
	display: block;
	position: relative;
    text-shadow: 0 1px white;
    background: transparent;
    background: rgba(0, 0, 0, 0);	
}

.nano-ui .select > select:focus {
   	z-index: 2;
    width: 100%;
    -webkit-box-shadow: inset 0 0 4px #51b5fb, 0 0 4px #51b5fb;
	-moz-box-shadow: inset 0 0 4px #51b5fb, 0 0 4px #51b5fb;
    box-shadow: inset 0 0 4px #51b5fb, 0 0 4px #51b5fb;
}

.nano-ui .select:hover, 
.nano-ui .select:focus, 
.nano-ui .select.focus{
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2), inset 0 0 3px #fff;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2), inset 0 0 3px #fff;
	box-shadow:0 1px 2px rgba(0,0,0,0.2), inset 0 0 3px #fff;
    color: #314f64;
	z-index:1;
}

.nano-ui .select > select::-ms-expand { display: none; }
.nano-ui .select option { text-shadow: none; }
.nano-ui .select:before, 
.nano-ui .select:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 35%;
    right: 10px;
    width: 0;
    height: 0;
    border: 4px dashed;
    border-color: #BBBBBB transparent;
    border-color: rgba(0, 0, 0, 0.5) transparent;
}

.nano-ui .select:before { border-bottom-style: solid; border-top: none; }
.nano-ui .select:after { margin-top: 6px; border-top-style: solid; border-bottom: none; }

/* 
=====================================================================
multi-select
====================================================================== 
*/

.nano-ui .select-multiple{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border-radius: 3px;
	
}

.nano-ui .select-multiple  {
   
    width:100%;
	display: inline-block;
	
		
}

.nano-ui .select-multiple{ height:auto; }
.nano-ui .select-multiple > select {

	width:100%;
	padding:10px;
	border: 1px solid;
	border-color: #D4D4D4 #D4D4D4 #CFCFCF;
	vertical-align: top;
	display: inline-block;
	
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);	
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
	-ms-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15); 	
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
    border-radius: 2px;
	
}

.nano-ui .select-multiple > select:focus { }


/* 
==========================================================
Options | radio and checkbox
========================================================== 
*/

.nano-ui .options {
	top:-2px;
    width: 18px;
    height: 18px; 
	position: relative;
	vertical-align: top; 
	display: inline-block;	
}
.nano-ui .options + label{ 
	padding-left:4px; 
	padding-right:10px;
}
.nano-ui .options > input {
    position: absolute;
    width: inherit;
    height: inherit;
    opacity: 0;
	left: 0;
}


.nano-ui .radio,
.nano-ui .checkbox{
    display: block;
    height: 100%;
    background: #FFFFFF;
    border: 1px solid;
    border-color: #BBBBBB;	 
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15), 0 1px rgba(255, 255, 255, 0.7);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15), 0 1px rgba(255, 255, 255, 0.7);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15), 0 1px rgba(255, 255, 255, 0.7); 
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.nano-ui .checkbox:before, 
.nano-ui .radio:before {
    content: '';
    display: none;
}

.nano-ui input:checked + .checkbox, 
.nano-ui input:checked + .radio {
    -webkit-box-shadow: inset 0 1px #FBFBFB, 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px #FBFBFB, 0 1px 1px rgba(0, 0, 0, 0.05);	
    box-shadow: inset 0 1px #FBFBFB, 0 1px 1px rgba(0, 0, 0, 0.05);
}

.nano-ui input:checked + .checkbox:before, 
.nano-ui input:checked + .radio:before {
    display: block;
}

.nano-ui input:focus + .checkbox, 
.nano-ui input:focus + .radio, 
.nano-ui input.focus + .checkbox, 
.nano-ui input.focus + .radio {
    border-color: #4496e7;
    -webkit-box-shadow: inset 0 0 2px rgba(81, 181, 251, 0.8), 0 0 3px rgba(81, 181, 251, 0.8);
    box-shadow: inset 0 0 2px rgba(81, 181, 251, 0.8), 0 0 3px rgba(81, 181, 251, 0.8);
}

.nano-ui .checkbox:before {
    position: absolute;
    top: 5px;
    left: 4px;
    width: 7px;
    height: 3px;
    border: solid #999;
    border-width: 0 0 3px 3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.nano-ui .radio {
    border-radius:18px;
	
}
.nano-ui .radio:before {
    margin: 5px;
    width: 6px;
    height: 6px;
    background: #999;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.1);
	
}

/* 
==========================================================
Toggle - Switch | radio and checkbox
========================================================== 
*/

.nano-ui .toggle-switch {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 48px;
	top:-2px;
}

.nano-ui .toggle-switch > label {
    display: block;
    position: relative;
    height: 20px;
    line-height: 18px;
    font-size: 10px;
    color: #999;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 1px white;
    background: #fff;
    border: 1px solid #BBB;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15), 0 1px rgba(255, 255, 255, 0.8);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15), 0 1px rgba(255, 255, 255, 0.8);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15), 0 1px rgba(255, 255, 255, 0.8);
    -webkit-transition:all 0.25s ease-out;
    -moz-transition:all 0.25s ease-out;
    -o-transition:all 0.25s ease-out;
    transition:all 0.25s ease-out;
}

.nano-ui .toggle-switch > label:before {
    content: '';
    display: block;
    margin: -1px 0 0 -1px;
    width: 18px;
    height: 18px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.7), 1px 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.7), 1px 1px 1px rgba(0, 0, 0, 0.05);	
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.7), 1px 1px 1px rgba(0, 0, 0, 0.05); 
	background-clip: padding-box;
}

.nano-ui .toggle-switch > label:after {
    content: attr(data-off);
    position: absolute;
    top: 0;
    right: 0;
    width: 26px;
}

.nano-ui .toggle-switch > input { 
	position: absolute;
	top:2px;
	left:2px;
	z-index:0;
    padding: 0;
    opacity: 0;
	width: 44px;
	height: 16px;
}

.nano-ui .toggle-switch > input:checked+label {
    
    color: white;
	padding-left: 28px;
    background-color: #3783FF;
    background-image: -webkit-linear-gradient(top,  #3783FF, #80BFFF);
    background-image: -moz-linear-gradient(top,  #3783FF, #80BFFF);
    background-image: -o-linear-gradient(top,  #3783FF, #80BFFF);
    background-image: linear-gradient(to bottom,  #3d88ff, #80BFFF);
	border-color: #2563C0 #2563C0 #2F75EA;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.2);
}

.nano-ui .toggle-switch > input:checked + label:before {
    border-color: rgba(119, 119, 119, 0.4);
    border-left-color: rgba(51, 51, 51, 0.4);
    -webkit-box-shadow: inset 0 1px #fcfcfc, -1px 1px 1px rgba(0, 0, 0, 0.06);
    box-shadow: inset 0 1px #fcfcfc, -1px 1px 1px rgba(0, 0, 0, 0.06);
}

.nano-ui .toggle-switch > label:after {
    top: 0;
    right: 2px;
    width: 26px;    
	content: attr(data-off);
    position: absolute;
}

.nano-ui .toggle-switch > input:checked+label:after {
	left: 0;
    content: attr(data-on);   
}

.nano-ui .round > label, .nano-ui .round > label:before { border-radius: 18px; }
.nano-ui .round > input:checked + label:after { left:2px; }
.nano-ui .round > label:before {
	color:#BBB;
	content: "\2022";
	font:34px/17px Arial, Helvetica, sans-serif!important;
}

.nano-ui .round > input:checked + label:before { 
	color:#3C85F6; 
	text-shadow:none; 
	border-color:#3078EA!important; 
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.15), 0 0 1px rgba(82,168,236,.3);
  	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.15), 0 0 1px rgba(82,168,236,.3);
  	box-shadow: inset 0 1px 1px rgba(0,0,0,.15), 0 0 1px rgba(82,168,236,.3);
	
}

/* 
==========================================================
File input | file uploader
========================================================== 
*/

.nano-ui .file-input { 
	display:inline-block;
	position:relative; 	  
	width:100%;
	margin:0;
}

.nano-ui .file-input .nui-button {
	position: absolute;
	top:0;
	right:0;
	float: right;
	height: 36px;
	margin: 0;
	padding: 0 16px;
	line-height:35px;
	box-shadow: none;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-bottomleft: 0; 
	-moz-border-radius-topleft: 0;
	border-bottom-left-radius: 0; 
	border-top-left-radius: 0	
	
}

.nano-ui .file-input .nui-button:hover { 
	box-shadow: none; 
}

.nano-ui .file-input .nui-button:active {
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px rgba(255, 255, 255, 0.1);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px rgba(255, 255, 255, 0.1);
}

.nano-ui .file-input .nui-button input {
	position: absolute;
	top:-1px;
	right: 0;
	padding: 0;
	font-size: 30px;
	height:35px;
	cursor: pointer;
	opacity: 0;  
	-moz-opacity:0;
	z-index:2;	
}



/* 
=======================================================
Button | input submit, input button, reset, .button
=======================================================
*/

.nano-ui .nui-button i{ font-size:14px; }
.nano-ui .nui-button, 
.nano-ui a.nui-button{

	outline: 0;
	width: auto;
	height: 36px;
	color: #4b5151;
	line-height: 1;
	padding: 0 15px;
	cursor: pointer;	
	font-size:13px;
	overflow: visible; 
	text-align: center;
	vertical-align: top;
    display: inline-block;
    -webkit-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.1);
	text-shadow: 0 1px rgba(255, 255, 255, 0.7);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;	
	-webkit-touch-callout: none;
	-webkit-appearance: none;	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border-radius: 3px;	
}

.nano-ui a.nui-button { 
	line-height: 36px; 
	text-decoration: none; 
}

/* Button default :hover + :focus states */

.nano-ui .nui-button:hover, 
.nano-ui .nui-button:focus, 
.nano-ui a.nui-button:hover, 
.nano-ui a.nui-button:focus {
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2), inset 0 0 3px #fff;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2), inset 0 0 3px #fff;
	box-shadow:0 1px 2px rgba(0,0,0,0.2), inset 0 0 3px #fff;
    color: #314f64;

}

/* Button Active state  */

.nano-ui .nui-button:active, 
.nano-ui .nui-button.active,
.nano-ui a.nui-button:active, 
.nano-ui a.nui-button.active, 
.nano-ui .nui-button.next-btn:active,
.nano-ui .nui-button.prev-btn:active, 
.nano-ui .pagination .current, 
.nano-ui .pagination .current:hover, 
.nano-ui .pagination a:active {
    background-color: #e8e8e8;
    border-color: #bfbfbf #bfbfbf #d6d6d6;
    background-image: -webkit-linear-gradient(top,  #e8e8e8, #ffffff);
    background-image: -moz-linear-gradient(top,  #e8e8e8, #ffffff);
    background-image: -o-linear-gradient(top,  #e8e8e8, #ffffff);
    background-image: linear-gradient(to bottom,  #e8e8e8, #ffffff);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px rgba(255, 255, 255, 0.1);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px rgba(255, 255, 255, 0.1);	
}

/* Button Themes */

.nano-ui .nui-button.blue,
.nano-ui .nui-button.blue:hover, 
.nano-ui .nui-button.green,
.nano-ui .nui-button.green:hover, 
.nano-ui .nui-button.red,
.nano-ui .nui-button.red:hover, 
.nano-ui .nui-button.black,
.nano-ui .nui-button.black:hover{
    color: #fff;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.06);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.06);
}
.nano-ui .nui-button.blue:hover,
.nano-ui .nui-button.blue.hover,
.nano-ui .nui-button.blue:focus, 
.nano-ui .nui-button.blue.focus,
.nano-ui .nui-button.blue:active,
.nano-ui .nui-button.blue.active,
.nano-ui .nui-button.green:hover,
.nano-ui .nui-button.green:focus,
.nano-ui .nui-button.green:active,
.nano-ui .nui-button.green.active,  
.nano-ui .nui-button.red:hover, 
.nano-ui .nui-button.red.hover,
.nano-ui .nui-button.red:focus, 
.nano-ui .nui-button.red.focus,
.nano-ui .nui-button.red:active, 
.nano-ui .nui-button.red.active,
.nano-ui .nui-button.black:hover,
.nano-ui .nui-button.black.hover,
.nano-ui .nui-button.black:focus,
.nano-ui .nui-button.black.focus,
.nano-ui .nui-button.black:active,
.nano-ui .nui-button.black.active {
    color: #fff;
}
.nano-ui .nui-button.blue:active, 
.nano-ui .nui-button.active.blue,
.nano-ui .nui-button.green:active, 
.nano-ui .nui-button.active.green, 
.nano-ui .nui-button.active.red,
.nano-ui .nui-button.red:active, 
.nano-ui .nui-button.active.black, 
.nano-ui .nui-button.black:active{
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1);
}

.nano-ui .nui-button.blue, 
.nano-ui .progress-bar > .progress.blue {
	background-color: #208ed3;	
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4baadc), color-stop(100%,#074dda));
	background-image: -webkit-linear-gradient(top, #4baadc, #074dda);
	background-image: -moz-linear-gradient(top, #4baadc, #074dda);
	background-image: -o-linear-gradient(top, #4baadc, #074dda);
	background-image: -ms-linear-gradient(top, #4baadc, #074dda);
	background-image: linear-gradient(to bottom, #4baadc, #074dda);
	border-color: #1f58cc #1b4db3 #1b4db3;
}

.nano-ui .nui-button.blue:hover, 
.nano-ui .nui-button.blue.hover, 
.nano-ui .nui-button.blue:focus, 
.nano-ui .nui-button.blue.focus{

	background-color: #1e55c8;	
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2160de), color-stop(100%,#1e55c8));
	background-image: -webkit-linear-gradient(top, #2160de, #1e55c8);
	background-image: -moz-linear-gradient(top, #2160de, #1e55c8);
	background-image: -o-linear-gradient(top, #2160de, #1e55c8);
	background-image: -ms-linear-gradient(top, #2160de, #1e55c8);
	background-image: linear-gradient(to bottom, #2160de, #1e55c8);
	border-color: #174299 #174299 #174299;

}

.nano-ui .nui-button.blue:active, 
.nano-ui .nui-button.blue.active {
    background-color: #0D4DC1;
    border-color: #0F3779 #0D4DC1 #0F58E1;
    background-image: -webkit-linear-gradient(top,  #0D4DC1, #48a4ff);
    background-image: -moz-linear-gradient(top,  #0D4DC1, #48a4ff);
    background-image: -o-linear-gradient(top,  #0D4DC1, #48a4ff);
    background-image: linear-gradient(to bottom,  #0D4DC1, #48a4ff);
}

.nano-ui .nui-button.green, 
.nano-ui .progress-bar > .progress.green {
  background-color: #7fbf4d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a1d254), color-stop(100%, #63a62f));
  background-image: -webkit-linear-gradient(top, #a1d254, #63a62f);
  background-image: -moz-linear-gradient(top, #a1d254, #63a62f);
  background-image: -ms-linear-gradient(top, #a1d254, #63a62f);
  background-image: -o-linear-gradient(top, #a1d254, #63a62f);
  background-image: linear-gradient(to bottom, #a1d254, #63a62f);
  text-shadow: 0 -1px 0 #4c9021;
  border: 1px solid #457621;
  border-top: 1px solid #5b992b;

}

.nano-ui .nui-button.green:hover, 
.nano-ui .nui-button.green.hover, 
.nano-ui .nui-button.green:focus, 
.nano-ui .nui-button.green.focus{
    background-color: #76b347;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
    background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
    background-image: linear-gradient(to bottom, #76b347, #5e9e2e);
	border: 1px solid #457621;
  	border-top: 1px solid #5b992b; 
	
}
	
.nano-ui .nui-button.green:active, 
.nano-ui .nui-button.green.active {
    background-color: #548E28;
    border-color: #678f3a #75a143 #81b049;
    background-image: -webkit-linear-gradient(top,  #71b533, #a7d757);
    background-image: -moz-linear-gradient(top,  #71b533, #a7d757);
    background-image: -o-linear-gradient(top,  #71b533, #a7d757);
    background-image: linear-gradient(to bottom,  #71b533, #a7d757);
}

.nano-ui .nui-button.red, 
.nano-ui .progress-bar > .progress.red {
    background-color: #cf3025;
    border-color: #be1814 #ac1612 #ac1612;
    background-image: -webkit-linear-gradient(top,  #fc4138, #cf3025);
    background-image: -moz-linear-gradient(top,  #fc4138, #cf3025);
    background-image: -o-linear-gradient(top,  #fc4138, #cf3025);
    background-image: linear-gradient(to bottom, #fc4138, #cf3025);

}
.nano-ui .nui-button.red:hover, 
.nano-ui .nui-button.red.hover,
.nano-ui .nui-button.red:focus, 
.nano-ui .nui-button.red.focus{
    background-color: #BC2D21;
    border-color: #be1814 #ac1612 #ac1612;
    background-image: -webkit-linear-gradient(top,  #F81003, #BC2D21);
    background-image: -moz-linear-gradient(top,  #F81003, #BC2D21);
    background-image: -o-linear-gradient(top,  #F81003, #BC2D21);
    background-image: linear-gradient(to bottom, #F81003, #BC2D21);
}

.nano-ui .nui-button.red:active, 
.nano-ui .nui-button.red.active {
    background-color: #A60000;
    border-color: #A60000 #C10000 #E14A42;
    background-image: -webkit-linear-gradient(top,  #DD0000, #FF9966);
    background-image: -moz-linear-gradient(top,  #DD0000, #FF9966);
    background-image: -o-linear-gradient(top,  #DD0000, #FF9966);
    background-image: linear-gradient(to bottom, #DD0000, #FF9966);

}

.nano-ui .nui-button.black, 
.nano-ui .progress-bar > .progress.black {
	background-color: #333;
	border-color: #3E3E3E #222 #030303;
    background-image: -webkit-linear-gradient(top,  #4F4F4F, #181818);
    background-image: -moz-linear-gradient(top,  #4F4F4F, #181818);
    background-image: -o-linear-gradient(top,  #4F4F4F, #181818);
    background-image: linear-gradient(to bottom,  #4F4F4F, #181818);
	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.03), inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.06);
	-moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.03), inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.06);	
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.03), inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.06);

}
.nano-ui .nui-button.black:hover, 
.nano-ui .nui-button.black.hover,
.nano-ui .nui-button.black:focus, 
.nano-ui .nui-button.black.focus{
	background-color: #111111;
    background-image: -webkit-linear-gradient(top,  #333333, #111111);
    background-image: -moz-linear-gradient(top,  #333333, #111111);
    background-image: -o-linear-gradient(top,  #333333, #111111);
    background-image: linear-gradient(to bottom,  #333333, #111111);
	border: 1px solid #2C2B2B;
}

.nano-ui .nui-button.black:active, 
.nano-ui .nui-button.black.active {
 	background-color: #070707;
    background-image: -webkit-linear-gradient(top,  #070707, #444444);
    background-image: -moz-linear-gradient(top,  #070707, #444444);
    background-image: -o-linear-gradient(top,  #070707, #444444);
    background-image: linear-gradient(to bottom,  #070707, #444444);
	border: 1px solid #2C2B2B;

}

/* Button Prev Next */
.nano-ui .nui-button.prev-btn,
.nano-ui .nui-button.prev-btn:hover,
.nano-ui .nui-button.prev-btn:active,
.nano-ui .nui-button.prev-btn:focus, 
.nano-ui .nui-button.next-btn, 
.nano-ui .nui-button.next-btn:hover, 
.nano-ui .nui-button.next-btn:active, 
.nano-ui .nui-button.next-btn:focus {
    position: relative;
}
.nano-ui .nui-button.prev-btn:before, 
.nano-ui .nui-button.next-btn:before {
    content: '';
    position: absolute;
    top: 3px;
    z-index: -1;
    width: 26px;
    height: 26px;
	border: 1px solid;
    background-color: inherit;
    border-color: inherit;
}

.nano-ui .nui-button.prev-btn {
    -webkit-box-shadow: inset 0 1px #fff, inset 0 -1px rgba(255, 255, 255, 0.3), inset -1px 0 rgba(255, 255, 255, 0.3), 0 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px #fff, inset 0 -1px rgba(255, 255, 255, 0.3), inset -1px 0 rgba(255, 255, 255, 0.3), 0 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px #fff, inset 0 -1px rgba(255, 255, 255, 0.3), inset -1px 0 rgba(255, 255, 255, 0.3), 0 1px rgba(0, 0, 0, 0.05);
}

.nano-ui .nui-button.next-btn {
   -webkit-box-shadow: inset 0 1px #fff, inset 0 -1px rgba(255, 255, 255, 0.3), inset 1px 0 rgba(255, 255, 255, 0.3), 0 1px rgba(0, 0, 0, 0.05);
   -moz-box-shadow: inset 0 1px #fff, inset 0 -1px rgba(255, 255, 255, 0.3), inset -1px 0 rgba(255, 255, 255, 0.3), 0 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px #fff, inset 0 -1px rgba(255, 255, 255, 0.3), inset 1px 0 rgba(255, 255, 255, 0.3), 0 1px rgba(0, 0, 0, 0.05);
}


.nano-ui .nui-button.prev-btn:active, 
.nano-ui .nui-button.next-btn:active {
   -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.05), 0 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.05), 0 1px rgba(255, 255, 255, 0.5); 
}
.nano-ui .nui-button.prev-btn:active:before, 
.nano-ui .nui-button.next-btn:active:before {
    -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.05), -1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.05), -1px 0 rgba(255, 255, 255, 0.5);
}

.nano-ui .nui-button.prev-btn, 
.nano-ui .nui-button.prev-btn:hover, 
.nano-ui .nui-button.prev-btn:active,
.nano-ui .nui-button.prev-btn:focus, 
.nano-ui .nui-button.prev-btn.active {
    padding: 0 12px 0 9px;
    border-left-width: 0;
    border-radius: 0 2px 2px 0;
}

.nano-ui .nui-button.next-btn, 
.nano-ui .nui-button.next-btn:hover, 
.nano-ui .nui-button.next-btn:active,
.nano-ui .nui-button.next-btn:focus, 
.nano-ui .nui-button.next-btn.active {
    padding: 0 10px 0 12px;
    border-right-width: 0;
    border-radius: 2px 0 0 2px;
}

.nano-ui .nui-button.prev-btn:before {
    left: -12px;
    border-radius: 2px 4px 0 4px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.nano-ui .nui-button.next-btn:before {
    right: -12px;
    border-radius: 4px 2px 4px 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nano-ui .nui-button.prev-btn:before {
    background-color: #fafafa;
	background-image: -webkit-gradient(linear,  top right,  top left,  from(#ffffff),  to(#E6E6E6));
    background-image: -webkit-linear-gradient(top right,  #ffffff, #E6E6E6);
    background-image: -moz-linear-gradient(top right,  #ffffff, #E6E6E6);
    background-image: -o-linear-gradient(top right,  #ffffff, #E6E6E6);
    background-image: linear-gradient(to bottom left,  #ffffff, #E6E6E6);
    -webkit-box-shadow: inset 0 1px #fff, inset 1px 0 rgba(255, 255, 255, 0.5), -1px 0 rgba(0, 0, 0, 0.04);
	-moz-box-shadow: inset 0 1px #fff, inset 1px 0 rgba(255, 255, 255, 0.5), -1px 0 rgba(0, 0, 0, 0.04);
    box-shadow: inset 0 1px #fff, inset 1px 0 rgba(255, 255, 255, 0.5), -1px 0 rgba(0, 0, 0, 0.04);	

}

.nano-ui .nui-button.prev-btn:hover:before, 
.nano-ui .nui-button.prev-btn:focus:before {
	background-color: #E8EFF4;
   	background-image: -webkit-gradient(linear,  top right,  top left,  from(#ffffff),  to(#dae5ed));
    background-image: -webkit-linear-gradient(top right, #ffffff,  #dae5ed);
    background-image: -moz-linear-gradient(top right, #ffffff,  #dae5ed);
    background-image: -o-linear-gradient(top right, #ffffff,  #dae5ed);
    background-image: linear-gradient(to bottom left, #ffffff, #dae5ed);
}


.nano-ui .nui-button.prev-btn:active:before{
    background: #e8e8e8;
    border-color: #bfbfbf #bfbfbf #d6d6d6;
    background-image: -webkit-linear-gradient(top right,  #e8e8e8, #ffffff);
    background-image: -moz-linear-gradient(top right,  #e8e8e8, #ffffff);
    background-image: -o-linear-gradient(top right,  #e8e8e8, #ffffff);
    background-image: linear-gradient(to bottom left,  #e8e8e8, #ffffff);
}

.nano-ui .nui-button.next-btn:before {
    background-color: #fafafa;
	background-image: -webkit-gradient(linear,  top left,  top right,  from(#ffffff),  to(#E6E6E6));
    background-image: -webkit-linear-gradient(top left,  #ffffff, #E6E6E6);
    background-image: -moz-linear-gradient(top left,  #ffffff, #E6E6E6);
    background-image: -o-linear-gradient(top left,  #ffffff, #E6E6E6);
    background-image: linear-gradient(to bottom right,  #ffffff, #E6E6E6);    
	-webkit-box-shadow: inset 0 1px #fff, inset -1px 0 rgba(255, 255, 255, 0.5), 1px 0 rgba(0, 0, 0, 0.04);
	-moz-box-shadow: inset 0 1px #fff, inset -1px 0 rgba(255, 255, 255, 0.5), 1px 0 rgba(0, 0, 0, 0.04);
    box-shadow: inset 0 1px #fff, inset -1px 0 rgba(255, 255, 255, 0.5), 1px 0 rgba(0, 0, 0, 0.04);	
}

.nano-ui .nui-button.next-btn:hover:before, 
.nano-ui .nui-button.next-btn:focus:before {
	background-color: #E8EFF4;
   	background-image: -webkit-gradient(linear,  top left,  top right,  from(#ffffff),  to(#dae5ed));
    background-image: -webkit-linear-gradient(top left, #ffffff,  #dae5ed);
    background-image: -moz-linear-gradient(top left, #ffffff,  #dae5ed);
    background-image: -o-linear-gradient(top left, #ffffff,  #dae5ed);
	background-image: linear-gradient(to bottom right,  #ffffff, #dae5ed);

}

.nano-ui .nui-button.next-btn:active:before{
    background: #e8e8e8;
    border-color: #bfbfbf #bfbfbf #d6d6d6;
    background-image: -webkit-linear-gradient(top left,  #e8e8e8, #ffffff);
    background-image: -moz-linear-gradient(top left,  #e8e8e8, #ffffff);
    background-image: -o-linear-gradient(top left,  #e8e8e8, #ffffff);
    background-image: linear-gradient(to bottom right,  #e8e8e8, #ffffff);
}

/* Scheme colored buttons */
.nano-ui .nui-button.prev-btn.blue, 
.nano-ui .nui-button.prev-btn.green, 
.nano-ui .nui-button.prev-btn.red, 
.nano-ui .nui-button.prev-btn.black {
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.25), inset 0 -1px rgba(255, 255, 255, 0.1), inset -1px 0 rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.25), inset 0 -1px rgba(255, 255, 255, 0.1), inset -1px 0 rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.25), inset 0 -1px rgba(255, 255, 255, 0.1), inset -1px 0 rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.05);
}

.nano-ui .nui-button.prev-btn.blue:before, 
.nano-ui .nui-button.prev-btn.green:before, 
.nano-ui .nui-button.prev-btn.red:before, 
.nano-ui .nui-button.prev-btn.black:before {
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.25), inset 1px 0 rgba(255, 255, 255, 0.1), -1px 0 rgba(0, 0, 0, 0.03);
	-moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.25), inset 1px 0 rgba(255, 255, 255, 0.1), -1px 0 rgba(0, 0, 0, 0.03);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.25), inset 1px 0 rgba(255, 255, 255, 0.1), -1px 0 rgba(0, 0, 0, 0.03);
}

.nano-ui .nui-button.prev-btn.black:before {
     -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 1px 0 rgba(255, 255, 255, 0.08), -1px 0 rgba(0, 0, 0, 0.03);
	-moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 1px 0 rgba(255, 255, 255, 0.08), -1px 0 rgba(0, 0, 0, 0.03);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 1px 0 rgba(255, 255, 255, 0.08), -1px 0 rgba(0, 0, 0, 0.03);
}

.nano-ui .nui-button.next-btn.blue, 
.nano-ui .nui-button.next-btn.green, 
.nano-ui .nui-button.next-btn.red, 
.nano-ui .nui-button.next-btn.black {
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.25), inset 0 -1px rgba(255, 255, 255, 0.1), inset 1px 0 rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.25), inset 0 -1px rgba(255, 255, 255, 0.1), inset 1px 0 rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.05);	
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.25), inset 0 -1px rgba(255, 255, 255, 0.1), inset 1px 0 rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.05);
}

.nano-ui .nui-button.next-btn.blue:before, 
.nano-ui .nui-button.next-btn.green:before, 
.nano-ui .nui-button.next-btn.red:before, 
.nano-ui .nui-button.next-btn.black:before {
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.25), inset -1px 0 rgba(255, 255, 255, 0.1), 1px 0 rgba(0, 0, 0, 0.03);
	-moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.25), inset -1px 0 rgba(255, 255, 255, 0.1), 1px 0 rgba(0, 0, 0, 0.03);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.25), inset -1px 0 rgba(255, 255, 255, 0.1), 1px 0 rgba(0, 0, 0, 0.03);
}

.nano-ui .nui-button.next-btn.black:before {
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset -1px 0 rgba(255, 255, 255, 0.08), 1px 0 rgba(0, 0, 0, 0.03);
	-moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset -1px 0 rgba(255, 255, 255, 0.08), 1px 0 rgba(0, 0, 0, 0.03);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset -1px 0 rgba(255, 255, 255, 0.08), 1px 0 rgba(0, 0, 0, 0.03);
}

/* Blue  */
.nano-ui .nui-button.blue.prev-btn:before {
	background-color: #208ed3;	
	background-image: -webkit-linear-gradient(top right, #4baadc, #074dda);
	background-image: -moz-linear-gradient(top right, #4baadc, #074dda);
	background-image: -o-linear-gradient(top right, #4baadc, #074dda);
	background-image: -ms-linear-gradient(top right, #4baadc, #074dda);
	background-image: linear-gradient(to bottom left, #4baadc, #074dda);

}

.nano-ui .nui-button.blue.next-btn:before {
	background-color: #208ed3;	
	background-image: -webkit-linear-gradient(top left, #4baadc, #074dda);
	background-image: -moz-linear-gradient(top left, #4baadc, #074dda);
	background-image: -o-linear-gradient(top left, #4baadc, #074dda);
	background-image: -ms-linear-gradient(top left, #4baadc, #074dda);
	background-image: linear-gradient(to bottom right, #4baadc, #074dda);
}

.nano-ui .nui-button.blue.prev-btn:hover:before, 
.nano-ui .nui-button.blue.prev-btn.hover:before, 
.nano-ui .nui-button.blue.prev-btn:focus:before, 
.nano-ui .nui-button.blue.prev-btn.focus:before{
	background-color: #1e55c8;	
	background-image: -webkit-linear-gradient(top right, #2160de, #1e55c8);
	background-image: -moz-linear-gradient(top right, #2160de, #1e55c8);
	background-image: -o-linear-gradient(top right, #2160de, #1e55c8);
	background-image: -ms-linear-gradient(top right, #2160de, #1e55c8);
	background-image: linear-gradient(to bottom left, #2160de, #1e55c8);
}

.nano-ui .nui-button.blue.next-btn:hover:before, 
.nano-ui .nui-button.blue.next-btn.hover:before, 
.nano-ui .nui-button.blue.next-btn:focus:before, 
.nano-ui .nui-button.blue.next-btn.focus:before{
	background-color: #1e55c8;	
	background-image: -webkit-linear-gradient(top left, #2160de, #1e55c8);
	background-image: -moz-linear-gradient(top left, #2160de, #1e55c8);
	background-image: -o-linear-gradient(top left, #2160de, #1e55c8);
	background-image: -ms-linear-gradient(top left, #2160de, #1e55c8);
	background-image: linear-gradient(to bottom right, #2160de, #1e55c8);
}

.nano-ui .nui-button.blue.prev-btn:active:before, 
.nano-ui .nui-button.blue.prev-btn.active:before {
    background-color: #0D4DC1;
	border-color: #0F3779 #0D4DC1 #0F58E1;
    background-image: -webkit-linear-gradient(top right,  #0D4DC1, #48a4ff);
    background-image: -moz-linear-gradient(top right,  #0D4DC1, #48a4ff);
    background-image: -o-linear-gradient(top right,  #0D4DC1, #48a4ff);
    background-image: -ms-linear-gradient(top right,  #0D4DC1, #48a4ff);    
	background-image: linear-gradient(to bottom left,  #0D4DC1, #48a4ff);
}

.nano-ui .nui-button.blue.next-btn:active:before, 
.nano-ui .nui-button.blue.next-btn.active:before {
    background-color: #0D4DC1;
	border-color: #0F3779 #0D4DC1 #0F58E1;
    background-image: -webkit-linear-gradient(top left,  #0D4DC1, #48a4ff);
    background-image: -moz-linear-gradient(top left,  #0D4DC1, #48a4ff);
    background-image: -o-linear-gradient(top left,  #0D4DC1, #48a4ff);
    background-image: -ms-linear-gradient(top left,  #0D4DC1, #48a4ff);    
	background-image: linear-gradient(to bottom right,  #0D4DC1, #48a4ff);
}

/* Green */

.nano-ui .nui-button.green.prev-btn:before {
  background-color: #7fbf4d;
  background-image: -webkit-linear-gradient(top right, #a1d254, #63a62f);
  background-image: -moz-linear-gradient(top right, #a1d254, #63a62f);
  background-image: -ms-linear-gradient(top right, #a1d254, #63a62f);
  background-image: -o-linear-gradient(top right, #a1d254, #63a62f);
  background-image: linear-gradient(to bottom left, #a1d254, #63a62f);
  text-shadow: 0 -1px 0 #4c9021;
  border: 1px solid #457621;
  border-top: 1px solid #5b992b;
}

.nano-ui .nui-button.green.next-btn:before {
  background-color: #7fbf4d;
  background-image: -webkit-linear-gradient(top left, #a1d254, #63a62f);
  background-image: -moz-linear-gradient(top left, #a1d254, #63a62f);
  background-image: -ms-linear-gradient(top left, #a1d254, #63a62f);
  background-image: -o-linear-gradient(top left, #a1d254, #63a62f);
  background-image: linear-gradient(to bottom right, #a1d254, #63a62f);
  text-shadow: 0 -1px 0 #4c9021;
  border: 1px solid #457621;
  border-top: 1px solid #5b992b;
}


.nano-ui .nui-button.green.prev-btn:hover:before, 
.nano-ui .nui-button.green.prev-btn.hover:before, 
.nano-ui .nui-button.green.prev-btn:focus:before, 
.nano-ui .nui-button.green.prev-btn.focus:before{
    background-color: #76b347;
    background-image: -webkit-linear-gradient(top right, #76b347, #5e9e2e);
    background-image: -moz-linear-gradient(top right, #76b347, #5e9e2e);
    background-image: -ms-linear-gradient(top right, #76b347, #5e9e2e);
    background-image: -o-linear-gradient(top right, #76b347, #5e9e2e);
    background-image: linear-gradient(to bottom left, #76b347, #5e9e2e);
	border: 1px solid #457621;
  	border-top: 1px solid #5b992b; 
}

.nano-ui .nui-button.green.next-btn:hover:before, 
.nano-ui .nui-button.green.next-btn.hover:before, 
.nano-ui .nui-button.green.next-btn:focus:before, 
.nano-ui .nui-button.green.next-btn.focus:before{
    background-color: #76b347;
    background-image: -webkit-linear-gradient(top left, #76b347, #5e9e2e);
    background-image: -moz-linear-gradient(top left, #76b347, #5e9e2e);
    background-image: -ms-linear-gradient(top left, #76b347, #5e9e2e);
    background-image: -o-linear-gradient(top left, #76b347, #5e9e2e);
    background-image: linear-gradient(to bottom right, #76b347, #5e9e2e);
	border: 1px solid #457621;
  	border-top: 1px solid #5b992b; 
}

.nano-ui .nui-button.green.prev-btn:active:before, 
.nano-ui .nui-button.green.prev-btn.active:before {
    background-color: #548E28;
    border-color: #678f3a #75a143 #81b049;
    background-image: -webkit-linear-gradient(top right,  #71b533, #a7d757);
    background-image: -moz-linear-gradient(top right,  #71b533, #a7d757);
    background-image: -o-linear-gradient(top right,  #71b533, #a7d757);
    background-image: linear-gradient(to bottom left,  #71b533, #a7d757);
}

.nano-ui .nui-button.green.next-btn:active:before, 
.nano-ui .nui-button.green.next-btn.active:before {
    background-color: #548E28;
    border-color: #678f3a #75a143 #81b049;
    background-image: -webkit-linear-gradient(top left,  #71b533, #a7d757);
    background-image: -moz-linear-gradient(top left,  #71b533, #a7d757);
    background-image: -o-linear-gradient(top left,  #71b533, #a7d757);
    background-image: linear-gradient(to bottom right,  #71b533, #a7d757);
}

/* Red */

.nano-ui .nui-button.red.prev-btn:before {

    background-color: #cf3025;
    border-color: #be1814 #ac1612 #ac1612;
    background-image: -webkit-linear-gradient(top right,  #fc4138, #cf3025);
    background-image: -moz-linear-gradient(top right,  #fc4138, #cf3025);
    background-image: -o-linear-gradient(top right,  #fc4138, #cf3025);
    background-image: linear-gradient(to bottom left, #fc4138, #cf3025);

}

.nano-ui .nui-button.red.next-btn:before {
    background-color: #cf3025;
    border-color: #be1814 #ac1612 #ac1612;
    background-image: -webkit-linear-gradient(top left,  #fc4138, #cf3025);
    background-image: -moz-linear-gradient(top left,  #fc4138, #cf3025);
    background-image: -o-linear-gradient(top left,  #fc4138, #cf3025);
    background-image: linear-gradient(to bottom right, #fc4138, #cf3025);
}

.nano-ui .nui-button.red.prev-btn:hover:before, 
.nano-ui .nui-button.red.prev-btn.hover:before, 
.nano-ui .nui-button.red.prev-btn:focus:before, 
.nano-ui .nui-button.red.prev-btn.focus:before{

    background-color: #BC2D21;
    border-color: #be1814 #ac1612 #ac1612;
    background-image: -webkit-linear-gradient(top right,  #F81003, #BC2D21);
    background-image: -moz-linear-gradient(top right,  #F81003, #BC2D21);
    background-image: -o-linear-gradient(top right,  #F81003, #BC2D21);
    background-image: linear-gradient(to bottom left, #F81003, #BC2D21);

}

.nano-ui .nui-button.red.next-btn:hover:before, 
.nano-ui .nui-button.red.next-btn.hover:before, 
.nano-ui .nui-button.red.next-btn:focus:before, 
.nano-ui .nui-button.red.next-btn.focus:before{
    background-color: #BC2D21;
    border-color: #be1814 #ac1612 #ac1612;
    background-image: -webkit-linear-gradient(top left,  #F81003, #BC2D21);
    background-image: -moz-linear-gradient(top left,  #F81003, #BC2D21);
    background-image: -o-linear-gradient(top left,  #F81003, #BC2D21);
    background-image: linear-gradient(to bottom right, #F81003, #BC2D21); 
}

.nano-ui .nui-button.red.prev-btn:active:before, 
.nano-ui .nui-button.red.prev-btn.active:before {
    background-color: #A60000;
    border-color: #A60000 #C10000 #E14A42;
    background-image: -webkit-linear-gradient(top right,  #DD0000, #FF9966);
    background-image: -moz-linear-gradient(top right,  #DD0000, #FF9966);
    background-image: -o-linear-gradient(top right,  #DD0000, #FF9966);
    background-image: linear-gradient(to bottom left, #DD0000, #FF9966);

}

.nano-ui .nui-button.red.next-btn:active:before, 
.nano-ui .nui-button.red.next-btn.active:before {
    background-color: #A60000;
    border-color: #A60000 #C10000 #E14A42;
    background-image: -webkit-linear-gradient(top left,  #DD0000, #FF9966);
    background-image: -moz-linear-gradient(top left,  #DD0000, #FF9966);
    background-image: -o-linear-gradient(top left,  #DD0000, #FF9966);
    background-image: linear-gradient(to bottom right, #DD0000, #FF9966);
}

/* Black */

.nano-ui .nui-button.black.prev-btn:before {
	background-color: #333;
	border-color: #3E3E3E #222 #030303;
    background-image: -webkit-linear-gradient(top right,  #4F4F4F, #181818);
    background-image: -moz-linear-gradient(top right,  #4F4F4F, #181818);
    background-image: -o-linear-gradient(top right,  #4F4F4F, #181818);
    background-image: linear-gradient(to bottom left,  #4F4F4F, #181818);
}

.nano-ui .nui-button.black.next-btn:before {
	background-color: #333;
	border-color: #3E3E3E #222 #030303;
    background-image: -webkit-linear-gradient(top left,  #4F4F4F, #181818);
    background-image: -moz-linear-gradient(top left,  #4F4F4F, #181818);
    background-image: -o-linear-gradient(top left,  #4F4F4F, #181818);
    background-image: linear-gradient(to bottom right,  #4F4F4F, #181818);

}

.nano-ui .nui-button.black.prev-btn:hover:before, 
.nano-ui .nui-button.black.prev-btn.hover:before, 
.nano-ui .nui-button.black.prev-btn:focus:before, 
.nano-ui .nui-button.black.prev-btn.focus:before{

	background-color: #111111;
    background-image: -webkit-linear-gradient(top right,  #333333, #111111);
    background-image: -moz-linear-gradient(top right,  #333333, #111111);
    background-image: -o-linear-gradient(top right,  #333333, #111111);
    background-image: linear-gradient(to bottom left,  #333333, #111111);
	border: 1px solid #2C2B2B;
}

.nano-ui .nui-button.black.next-btn:hover:before, 
.nano-ui .nui-button.black.next-btn.hover:before, 
.nano-ui .nui-button.black.next-btn:focus:before, 
.nano-ui .nui-button.black.next-btn.focus:before{
	background-color: #111111;
    background-image: -webkit-linear-gradient(top left,  #333333, #111111);
    background-image: -moz-linear-gradient(top left,  #333333, #111111);
    background-image: -o-linear-gradient(top left,  #333333, #111111);
    background-image: linear-gradient(to bottom right,  #333333, #111111);
	border: 1px solid #2C2B2B;

}

.nano-ui .nui-button.black.prev-btn:active:before, 
.nano-ui .nui-button.black.prev-btn.active:before {
 	background-color: #070707;
    background-image: -webkit-linear-gradient(top right,  #070707, #444444);
    background-image: -moz-linear-gradient(top right,  #070707, #444444);
    background-image: -o-linear-gradient(top right,  #070707, #444444);
    background-image: linear-gradient(to bottom left,  #070707, #444444);
	border: 1px solid #2C2B2B;
}

.nano-ui .nui-button.black.next-btn:active:before, 
.nano-ui .nui-button.black.next-btn.active:before {
 	background-color: #070707;
    background-image: -webkit-linear-gradient(top left,  #070707, #444444);
    background-image: -moz-linear-gradient(top left,  #070707, #444444);
    background-image: -o-linear-gradient(top left,  #070707, #444444);
    background-image: linear-gradient(to bottom right,  #070707, #444444);
	border: 1px solid #2C2B2B;
}


/* grouping buttons */
.nano-ui .button-group{ }
.nano-ui .button-group:before, 
.nano-ui .button-group:after { content: ""; display: table; }
.nano-ui .button-group:after { clear: both; }
.nano-ui .button-group {
    display: inline-block;
	white-space: nowrap;
    vertical-align: top;
    height: 36px;
	font-size:0;
    
}

.nano-ui .button-group > .nui-button {
   
	float:left;
	height: inherit;
	line-height:36px;
	border-radius: 0;
     margin-left: -1px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none; 
	box-shadow: none;  
}




.nano-ui .button-group > .nui-button:first-child { margin-left: 0; border-radius: 2px 0 0 2px; }
.nano-ui .button-group > .nui-button:last-child { border-radius: 0 2px 2px 0;}
.nano-ui .button-group > .nui-button:hover, 
.nano-ui .button-group > .nui-button:focus { 
  	position: relative; 
	z-index: 1; 
	-webkit-box-shadow: none;
	-moz-box-shadow: none; 
	box-shadow: none; 
} 

.nano-ui .button-group > .nui-button:active, 
.nano-ui .button-group > .nui-button.active {
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px rgba(255, 255, 255, 0.1);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px rgba(255, 255, 255, 0.1);
}


/*
========================================================== 
Notifications
========================================================== 
*/

.nano-ui .notification {
	width:100%;
	color: #444;
	line-height:36px;
	padding:0 10px;
	border: 1px solid;
    position: relative;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px rgba(255,255,255,0.4) inset;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px rgba(255,255,255,0.4) inset;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px rgba(255,255,255,0.4) inset;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;		
}

.nano-ui .notification p{ margin-bottom:0; font-size:0.95em; }
.nano-ui .notification a.close{
	color: inherit;
    display: block;
    position: absolute;
    top:40%;
    right:2px;
	opacity: 0.65; 
    margin-top: -7px;
    padding: inherit;
    font: bold 20px/20px Arial, sans-serif;
	 
}

.nano-ui .notification a.close:hover{ opacity: 1; }

.nano-ui .notification.info {
	color:#163161;
	background-color: #cfe6fc;
	border-color: #a4c8f5 #96C0F3  #96C0F3;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E7F2FE), color-stop(100%, #C7E1FC));
    background-image: -webkit-linear-gradient(top,  #E7F2FE, #C7E1FC);
    background-image: -moz-linear-gradient(top,  #E7F2FE, #C7E1FC);
    background-image: -o-linear-gradient(top,  #E7F2FE, #C7E1FC);
    background-image: linear-gradient(to bottom,  #E7F2FE, #C7E1FC);		
}

.nano-ui .notification.success {
	color:#336633;
	background-color: #d2f7ad;
	border-color: #aedb2e;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E4FBCE), color-stop(100%, #CEF7A6));	 	
    background-image: -webkit-linear-gradient(top,  #E4FBCE, #CEF7A6);
    background-image: -moz-linear-gradient(top,  #E4FBCE, #CEF7A6);
    background-image: -o-linear-gradient(top,  #E4FBCE, #CEF7A6);
    background-image: linear-gradient(to bottom,  #E4FBCE, #CEF7A6);	
}

.nano-ui .notification.warning {
	color: #CC6600;
	background-color: #fae7a2;
	border-color: #f5c558;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFC6), color-stop(100%, #FAE49C));	 
    background-image: -webkit-linear-gradient(top,  #FFFFC6, #FAE49C);
    background-image: -moz-linear-gradient(top,  #FFFFC6, #FAE49C);
    background-image: -o-linear-gradient(top,  #FFFFC6, #FAE49C);
    background-image: linear-gradient(to bottom,  #FFFFC6, #FAE49C);		
}

.nano-ui .notification.error {
	color:#990000;
	background-color: #ffd5af;
	border-color: #f8b472;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFE7D3), color-stop(100%, #FFD1A8));	 
    background-image: -webkit-linear-gradient(top,  #FFE7D3, #FFD1A8);
    background-image: -moz-linear-gradient(top,  #FFE7D3, #FFD1A8);
    background-image: -o-linear-gradient(top,  #FFE7D3, #FFD1A8);
    background-image: linear-gradient(to bottom,  #FFE7D3, #FFD1A8);		
}

/* 
=========================================================================
Pagination
=========================================================================
*/

.nano-ui .pagination a{ 
	height: 36px;
	color:#444;
	padding: 0 12px;
	line-height: 36px; 
	margin-right:2px;
	border:1px solid #bbb;
	display: inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
   -webkit-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.1);
	text-shadow: 0 1px rgba(255, 255, 255, 0.7);	
}

.nano-ui .pagination a:hover { text-decoration: none; }
.nano-ui .pagination .current, 
.nano-ui .pagination .current:hover, 
.nano-ui .pagination a:active {}

/* 
=========================================================================
Progressbar 
=========================================================================
*/


.nano-ui .progress-bar {
    position: relative;
    height: 18px;
    background-color:#fff;
    border: 1px solid #BBB;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px rgba(255, 255, 255, 0.4);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px rgba(255, 255, 255, 0.4);	
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px rgba(255, 255, 255, 0.4);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.nano-ui .progress-bar > .progress {
    display: block;
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    min-width: 20px;
	border:1px solid;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.nano-ui .progress-bar > .progress {
    -webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}

/* Green progress bar */
.nano-ui .progress-bar > .progress.green{ }
.nano-ui .progress-bar > .progress.blue{ }
.nano-ui .progress-bar > .progress.red{ }
.nano-ui .progress-bar > .progress.black{ }
.nano-ui .progress-bar > .progress > .strips{
	width:100%;
	height:18px;
	display:block;
	background-repeat: repeat-x;
	background-size: 20px 20px;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.20) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.20) 50%, rgba(255, 255, 255, 0.20) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.20) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.20) 50%, rgba(255, 255, 255, 0.20) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.20) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.20) 50%, rgba(255, 255, 255, 0.20) 75%, transparent 75%, transparent);
}

.nano-ui .progress-bar > .progress > .strips.animated{
	-webkit-animation: progressr 1s linear infinite;
	-moz-animation: progressr 1s linear infinite;
	animation: progressr 1s linear infinite;
	background-repeat: repeat-x;
	background-size: 20px 20px;
}

/* Progress-bar Animation  Playback */

@keyframes progressr {
  to {background-position: 20px 0;}
}

/* element disabled states */
.nano-ui .nui-input[disabled],
.nano-ui .nui-textarea[disabled], 
.nano-ui .nui-button[disabled], 
.nano-ui .options.disabled > .radio,
.nano-ui .options.disabled > .checkbox, 
.nano-ui .disabled{
	opacity:0.65;
	cursor:default;
}