::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

.nav-border ul li a {
	-webkit-border-radius: 5px !important; 
	-moz-border-radius: 5px !important; 
	border-radius: 5px !important; 
}

.blur-filter {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
}

.ui-field-contain {
	border:none;
	padding-top:2px;
    padding-bottom:1px;
	margin-top:0;
	margin-bottom:0;								 
	height:auto;	
}

.fix-padding  {
    padding-top: 0 !important;	
	padding-bottom: 0 !important;	
}

.fix-list-checkbox {
	margin:0px !important;
	border:0px !important;
	overflow:hidden  !important;
	text-overflow:ellipsis  !important;
	white-space: nowrap  !important;	
line-height:95%;
padding-top:3px;
padding-bottom:3px	
}

.ui-content-full-size-1 {
    position: absolute;
    top: 48px;
    right: 0;
    bottom: 40px;
    left: 0;
}

.ui-content-full-size-2 {
    position: absolute;
    top: 48px;
    right: 0;
    bottom: 0px;
    left: 0;	
    padding: 0 !important;	
margin: 0 !important;		
}

.ui-loader-background {
    width:100%;
    height:100%;
    top:0;
    margin: 0;
    background: rgba(0, 0, 0, 0.3);
    display:none;
    position: fixed;
    z-index:10000;
}

.ui-content-map {			
	width: 95%;
	max-width: 768px;
	margin: 0 auto !important;
	position: relative !important;		
}

.ui-loading .ui-loader-background {
    display:block;
}

.ui-mobile [data-role=page],
.ui-page,
.ui-content {
/*
    background: transparent;
	
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;	
*/	

overflow:hidden;		
}

.ui-page::after {
	pointer-events: none;
    opacity: 0.05;
	
	position:absolute;
	left:0;
	top:0;
	
	width:100%;
	height:100%;
	
    content: "";
    background: url("../img/fitmobisale256.png") no-repeat center center !important;
	background-attachment: fixed !important;

	z-index:1;
}
.body-admin  .ui-page::after {
	pointer-events: none;
	opacity: 0.08;
	
	position:absolute;
	left:0;
	top:0;
	
	width:100%;
	height:100%;
	
    content: "";
	background: url("../img/fitmobisaleadmin256.png") no-repeat center center !important;
	background-attachment: fixed !important;
	

	z-index:1;
}

.body-iframe  .ui-page::after {
	pointer-events: none;
	opacity: 0.08;
	
	position:absolute;
	left:0;
	top:0;
	
	width:100%;
	height:100%;
	
    content: "";
	background: url("../img/dummy-img.png") no-repeat center center !important;
	background-attachment: fixed !important;
	

	z-index:1;
}

.ui-collapsible-set { 
	margin: 0 0; 
}		

.ui-content {
	padding-top: 1px !important;
}

.ui-content.larger {
	padding: 1px 3px 3px 3px !important;
}

.larger .ui-collapsible-content,
.larger .ui-body {
	padding: 3px 3px !important;
}

.larger.ui-mini,
.larger .ui-mini {
	margin: 0 !important;
}

.listiview-collapsible .ui-li-static.ui-collapsible > .ui-collapsible-heading {
    margin: 0;
}
.listiview-collapsible .ui-li-static.ui-collapsible {
    padding: 0;
}
.listiview-collapsible .ui-li-static.ui-collapsible > .ui-collapsible-heading > .ui-btn {
    border-top-width: 0;
}
.listiview-collapsible .ui-li-static.ui-collapsible > .ui-collapsible-heading.ui-collapsible-heading-collapsed > .ui-btn,
.listiview-collapsible .ui-li-static.ui-collapsible > .ui-collapsible-content {
    border-bottom-width: 0;
}

.ui-listview > .ui-li-has-thumb > .ui-btn,
.ui-listview > .ui-li-static.ui-li-has-thumb {
    padding-left: 75px;
}

.ui-li-icon {
	margin-top: 5px !important;
}

.ui-li-icon-48 {
	margin-top: 5px !important;
	width:48px;
	height:48px;
}

.ui-two-thumbs > .ui-li-thumb, .ui-li-icon,
.ui-two-thumbs > li > a > img {
/*
    left: 1px;
    max-height: 64px !important; 
    max-width: 64px !important; 
    position: absolute;
    top: 0;
*/	

    position:absolute  !important;
    top:0  !important;
    bottom:0  !important;
	margin-right: 1em !important;
    
    max-height: 64px !important; 
    max-width: 64px !important; 
}

.ui-two-thumbs > li > a {
    padding-right: 80px !important;
    min-height: 56px !important;
    padding-top: 4px;
    padding-bottom: 4px;
}
.ui-two-thumbs > li > a p {
    white-space: normal !important;
    margin: 0;
}
.ui-two-thumbs > li > a > .right-thumb {
/*
    position: absolute;
    top: 0px; bottom: 0px; right: 0px;
    max-height: 65px !important;  
    max-width: 65px !important;  
    border: 0;
*/
    position: absolute;
    top: 0px; bottom: 0px; right: 0px;
    height: 100% !important;  
    border: 0;
}

.ui-two-thumbs >  li > a > .right-thumb > img {
    max-height: 64px !important;  
	max-width: 64px !important;  
		
    position:absolute  !important;
    top:0  !important;
    bottom:0  !important;
	right:3px  !important;
    margin:auto  !important;	
	
	border: 1px solid #999999; 

	padding: 0.2em 0.2em 0.2em 0.2em;
	
	background:#FFFFFF;	
}

.ui-bigger-thumb.ui-listview > .ui-li-has-thumb > .ui-btn,
.ui-bigger-thumb.ui-listview > .ui-li-static.ui-li-has-thumb {
    padding-left: 80px !important;
}

.ui-bigger-thumb > li > a > img {
    left: 1px;
    max-height: 90px !important; 
    max-width: 90px !important; 
    position: absolute;
    top: 0;
}

.padl {
	padding-left:1em;
}

.padr {
	padding-right:1em;
}

@-moz-keyframes blink, 
@keyframes blink {
    0% { box-shadow: inset 0 0 0.5em gold, 0 0 0.5em red, 0 0 2em green, 0 0 4em gold; opacity: 1.0;}
    50% { box-shadow: none; opacity: 0.65;}
    100% { box-shadow: inset 0 0 0.5em gold, 0 0 0.5em red, 0 0 2em green, 0 0 4em gold; opacity: 1.0;}
}

@-webkit-keyframes blink {
    0% { box-shadow: inset 0 0 0.5em gold, 0 0 0.5em red, 0 0 2em green, 0 0 4em gold; opacity: 1.0;}
    50% { box-shadow: none; opacity: 0.65;}
    100% { box-shadow: inset 0 0 0.5em gold, 0 0 0.5em red, 0 0 2em green, 0 0 4em gold; opacity: 1.0;}
}

@-moz-keyframes blink-delay, 
@keyframes blink-delay {
    0% { box-shadow: none; opacity: 0.55;}
	70% { box-shadow: inset 0 0 0.5em gold, 0 0 0.5em red, 0 0 2em yellow, 0 0 4em gold; opacity: 1.0;}
	75% { box-shadow: none; opacity: 0.65;}	
	80% { box-shadow: inset 0 0 0.5em gold, 0 0 0.5em red, 0 0 2em yellow, 0 0 4em gold; opacity: 1.0;}
	85% { box-shadow: none; opacity: 0.65;}
    90% { box-shadow: inset 0 0 0.5em gold, 0 0 0.5em red, 0 0 2em yellow, 0 0 4em gold; opacity: 1.0;}
	95% { box-shadow: none; opacity: 0.65;}
	100% { box-shadow: inset 0 0 0.5em gold, 0 0 0.5em red, 0 0 2em yellow, 0 0 4em gold; opacity: 1.0;}
}

@-webkit-keyframes blink-delay {
    0% { box-shadow: none; opacity: 0.55;}
	70% { box-shadow: inset 0 0 0.5em gold, 0 0 0.5em red, 0 0 2em yellow, 0 0 4em gold; opacity: 1.0;}
	75% { box-shadow: none; opacity: 0.65;}		
	80% { box-shadow: inset 0 0 0.5em gold, 0 0 0.5em red, 0 0 2em yellow, 0 0 4em gold; opacity: 1.0;}
	85% { box-shadow: none; opacity: 0.65;}
    90% { box-shadow: inset 0 0 0.5em gold, 0 0 0.5em red, 0 0 2em yellow, 0 0 4em gold; opacity: 1.0;}
	95% { box-shadow: none; opacity: 0.65;}
	100% { box-shadow: inset 0 0 0.5em gold, 0 0 0.5em red, 0 0 2em yellow, 0 0 4em gold; opacity: 1.0;}
}

@-moz-keyframes inner-blink, 
@keyframes inner-blink {
    0% { box-shadow: inset 0 0 0.5em gold, inset 0 0 0.5em red, inset 0 0 2em green, inset 0 0 4em gold; opacity: 1.0;}
    50% { box-shadow: none; opacity: 0.70;}
    100% { box-shadow: inset 0 0 0.5em gold, inset 0 0 0.5em red, inset 0 0 2em green, inset 0 0 4em gold; opacity: 1.0;}
}

@-webkit-keyframes inner-blink {
    0% { box-shadow: inset 0 0 0.5em gold, inset 0 0 0.5em red, inset 0 0 2em green, inset 0 0 4em gold; opacity: 1.0;}
    50% { box-shadow: none; opacity: 0.70;}
    100% { box-shadow: inset 0 0 0.5em gold, inset 0 0 0.5em red, inset 0 0 2em green, inset 0 0 4em gold; opacity: 1.0;}
}

@-moz-keyframes inner-blink2, 
@keyframes inner-blink2 {
    0% { box-shadow: inset 0 0 0.5em gray, inset 0 0 0.5em darkgray, inset 0 0 2em while; opacity: 1.0;}
    50% { box-shadow: none; opacity: 0.70;}
    100% { box-shadow: inset 0 0 0.5em gray, inset 0 0 0.5em darkgray, inset 0 0 2em while; opacity: 1.0;}
}

@-webkit-keyframes inner-blink2 {
    0% { box-shadow: inset 0 0 0.5em gray, inset 0 0 0.5em darkgray, inset 0 0 2em while; opacity: 1.0;}
    50% { box-shadow: none; opacity: 0.70;}
    100% { box-shadow: inset 0 0 0.5em gray, inset 0 0 0.5em darkgray, inset 0 0 2em while; opacity: 1.0;}
}

@-moz-keyframes text-blink, 
@keyframes text-blink {
    0% { text-shadow: 0 0 0.5em gold, 0 0 0.5em red, 0 0 2em green, 0 0 4em gold; opacity: 1.0;}
    50% { text-shadow: none; opacity: 0.65;}
    100% { text-shadow: 0 0 0.5em gold, 0 0 0.5em red, 0 0 2em green, 0 0 4em gold; opacity: 1.0;}
}

@-webkit-keyframes text-blink {
    0% { text-shadow: 0 0 0.5em gold, 0 0 0.5em red, 0 0 2em green, 0 0 4em gold; opacity: 1.0;}
    50% { text-shadow: none; opacity: 0.65;}
    100% { text-shadow: 0 0 0.5em gold, 0 0 0.5em red, 0 0 2em green, 0 0 4em gold; opacity: 1.0;}
}

@-moz-keyframes slide-up, 
@keyframes slide-up {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(-100%);
    opacity: 0;
  }
}

@-webkit-keyframes slide-up {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(-100%);
    opacity: 0;
  }
}

@-moz-keyframes slide-down, 
@keyframes slide-down {
	0% {
		height: 0%;
	}
	100% {
		height: 100%;
	}
}

@-webkit-keyframes slide-down {
	0% {
		height: 0%;
	}
	100% {
		height: 100%;
	}
}

.ui-slide-up {
  -webkit-animation: slide-up 0.3s linear; 
  -moz-animation:    slide-up 0.3s linear;
  -o-animation:      slide-up 0.3s linear;
  animation:         slide-up 0.3s linear;
  
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards;  
}

.ui-slide-down {
  -webkit-animation: slide-down 1s linear; 
  -moz-animation:    slide-down 1s linear;
  -o-animation:      slide-down 1s linear;
  animation:         slide-down 1s linear;
}


.ui-new {
    -webkit-animation: blink 3s linear infinite;
    -moz-animation: blink 3s linear infinite;
    -ms-animation: blink 3s linear infinite;
    -o-animation: blink 3s linear infinite;
    animation: blink 3s linear infinite;
}

.ui-new-delayed {
    -webkit-animation: blink-delay 8s linear infinite;
    -moz-animation: blink-delay 8s linear infinite;
    -ms-animation: blink-delay 8s linear infinite;
    -o-animation: blink-delay 8s linear infinite;
    animation: blink-delay 8s linear infinite;
}

.ui-new-inner {
    -webkit-animation: inner-blink 3s linear infinite;
    -moz-animation: inner-blink 3s linear infinite;
    -ms-animation: inner-blink 3s linear infinite;
    -o-animation: inner-blink 3s linear infinite;
    animation: inner-blink 3s linear infinite;
}

.ui-new-text {
    -webkit-animation: text-blink 3s linear infinite;
    -moz-animation: text-blink 3s linear infinite;
    -ms-animation: text-blink 3s linear infinite;
    -o-animation: text-blink 3s linear infinite;
    animation: text-blink 3s linear infinite;
}

.img-selectable:hover {
	border-radius: 50%;
	background-color:rgba(255,255,255,0.7);
	
    -webkit-animation: inner-blink 3s linear infinite;
    -moz-animation: inner-blink 3s linear infinite;
    -ms-animation: inner-blink 3s linear infinite;
    -o-animation: inner-blink 3s linear infinite;
    animation: inner-blink 3s linear infinite;	
}

.notification {
  font-size: 0.85em;
  font-weight: normal;
  position:relative;
  float: right;
  display: block;
  padding:2px;
  color:#fff;
  background:#fc0a0a;
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#fc2e0a), to(#fc0a0a));
  background:-moz-linear-gradient(#fc2e0a, #fc0a0a);
  background:-o-linear-gradient(#fc2e0a, #fc0a0a);
  background:linear-gradient(#fc2e0a, #fc0a0a);
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  
	-webkit-animation: blink 2.5s linear infinite;
	-moz-animation: blink 2.5s linear infinite;
	-ms-animation: blink 2.5s linear infinite;
	-o-animation: blink 2.5s linear infinite;
	animation: blink 2.5s linear infinite;  
}

.yyy {
  position: absolute;
  top:2px;
  left: 20px;
  z-index:2001;
}

.charge {
/*
  position: fixed;
*/  
position: absolute;
  
/*  
  top: 40px;
 */
  bottom: 0;
  
  right: 3px;
  z-index:2005;
  width:20px;
  height:8px;
  background-image: url("../img/full-0-16-h.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.charge.half {
	background-image: url("../img/full-50-16-h.png");
}

.charge.full {
	background-image: url("../img/full-100-16-h.png");
}

.input-bar {
	position:relative !important; 
/*	
	display: inline !important;
*/	
	display: inline-block !important;
}

.input-bar .ui-btn-tiny {
	font-size: 1.1em !important;
}

.ui-icon-user-search:after {
	background-image: url("../img/contacts-24-find.png");
	background-size: 24px 24px;
	width: 28px !important;
	height: 28px !important;		
}

.ui-icon-user-edit:after {
	background-image: url("../img/contacts-24-edit.png");
	background-size: 24px 24px;
	width: 28px !important;
	height: 28px !important;		
}

.ui-icon-str:after {
	background-image: url("../img/str.ico");
	background-size: 18px 18px;
}

.ui-icon-cart:after {
	background-image: url("../img/cart-24.png") no-repeat;
	background-size: 20px 20px;
}

.ui-icon-cart-full:after {
	background-image: url("../img/cart-48.png");
	background-size: 24px 24px;
	width: 28px !important;
	height: 28px !important;	
}

.ui-icon-cart-add:after {
	background-image: url("../img/cart-add-48.png");
	background-size: 24px 24px;
	width: 28px !important;
	height: 28px !important;	
}

.ui-icon-cart-remove:after {
	background-image: url("../img/cart-remove-48.png");
	background-size: 24px 24px;
	width: 28px !important;
	height: 28px !important;	
}

.ui-icon-cart-nostock:after {
	background-image: url("../img/forbidden-48.png");
	background-size: 24px 24px;
	width: 28px !important;
	height: 28px !important;	
}

.ui-icon-cart-change:after {
	background-image: url("../img/cart-change-48.png");
	background-size: 24px 24px;
	width: 28px !important;
	height: 28px !important;	
}

.ui-icon-cart-fast:after {
	background-image: url("../img/cart-fast-48.png");
	background-size: 24px 24px;
	width: 28px !important;
	height: 28px !important;	
}

.ui-icon-cart-check:after {
	background-image: url("../img/cart-check-48.png");
	background-size: 24px 24px;
	width: 28px !important;
	height: 28px !important;	
}

.ui-icon-cart-config:after {
	background-image: url("../img/cart-config-48.png");
	background-size: 24px 24px;
	width: 28px !important;
	height: 28px !important;	
}

.ui-icon-checked:after {
	background-image: url("../img/check-48.png");
	background-size: 24px 24px;
	width: 28px !important;
	height: 28px !important;	
}

.ui-icon-unchecked:after {
	background-image: url("../img/uncheck-48.png");
	background-size: 24px 24px;
	width: 28px !important;
	height: 28px !important;	
}

.ui-icon-product:after {
	background-image: url("../img/product-24.png");
	background-size: 24px 24px;
	width: 28px !important;
	height: 28px !important;	
}

.ui-icon-kit:after {
	background-image: url("../img/packing-24.png");
	background-size: 24px 24px;
	width: 28px !important;
	height: 28px !important;	
}

.ui-icon-bell {
    -webkit-animation: blink 2.5s linear infinite;
    -moz-animation: blink 2.5s linear infinite;
    -ms-animation: blink 2.5s linear infinite;
    -o-animation: blink 2.5s linear infinite;
    animation: blink 2.5s linear infinite;
}

.ui-icon-bell:after {
	background-image: url("../img/bell-24.png");
	background-size: 24px 24px;
}

.ui-icon-bell-gray:after {
	background-image: url("../img/bell-24-gray.png");
	background-size: 24px 24px;
}

.ui-icon-expr:after {
	background-image: url("../img/expr-24.png");
	background-size: 20px 20px;
}

.ui-icon-comp:after {
	background-image: url("../img/comp-24.png");
	background-size: 20px 20px;
}

.ui-icon-add-camera:after {
	background: url("../img/camera-add-48.png") no-repeat;
	background-size: 32px 32px;
	width: 40px !important;
	height: 40px !important;	
}

.ui-icon-add-video:after {
	background: url("../img/video-add-48.png") no-repeat;
	background-size: 32px 32px;
	width: 40px !important;
	height: 40px !important;	
}

.ui-icon-add-audio:after {
	background: url("../img/sound-add-48.png") no-repeat;
	background-size: 32px 32px;
	width: 40px !important;
	height: 40px !important;	
}

.ui-icon-add-file:after {
	background: url("../img/doc-add-48.png") no-repeat;
	background-size: 32px 32px;
	width: 40px !important;
	height: 40px !important;	
}

.ui-icon-bank:after {
	background-image: url("../img/bank-16.png");
	background-size: 16px 16px;
}

.ui-icon-ccardreader:after {
	background-image: url("../img/credcard-reader-24.png");
	background-size: 24px 24px;
	width: 28px !important;
	height: 28px !important;		
}

.ui-icon-ccardreader-forbidden:after {
	background-image: url("../img/credcard-reader-forbidden-24.png");
	background-size: 24px 24px;
	width: 28px !important;
	height: 28px !important;		
}

.minus-blue {
	background-image: url("../img/minus-sign-32.png");
	background-size: 24px 24px;
}

.plus-blue {
	background-image: url("../img/plus-sign-32.png");
	background-size: 24px 24px;
}

.minus-blue2 {
	background-image: url("../img/minus-sign-16.png");
	background-size: 16px 16px;
}

.plus-blue2 {
	background-image: url("../img/plus-sign-16.png");
	background-size: 16px 16px;
}

.circle-16 {  
  font: bold 15px/13px "Arial Black";
  display: inline-block;    
  width: 16px;
  height: 16px;  
  border-radius: 12px;  
  border: 2px solid #f5f5f5;
  box-shadow: 0 0 3px gray;
  text-align: center;
  font-size: 16px;  
  font-weight: bold;
  color: #fff;
  line-height: 16px;
  padding: 1px 2px 2px 0px;
  letter-spacing: -2px;  
  margin-right: 10px;
  
  z-index: 1100;
/*  
  background-color :rgba(0,0,0,0.3);
*/  
}

.rippler-effect {
	pointer-events: none !important;
}

.circle-16:hover {
    -webkit-animation: inner-blink2 3s linear 2;
    -moz-animation: inner-blink2 3s linear 2;
    -ms-animation: inner-blink2 3s linear 2;
    -o-animation: inner-blink2 3s linear 2;
    animation: inner-blink2 3s linear 2;	
}

.expanded .circle-16:before {
	content: "--";
}

.collapsed .circle-16:before {
	content: "+";
}

.indenter {
	height:100%;
}
.indenter:before {
  content: '';
  width: 0px;
  height: 100%;
  border-left: 1px dotted black;
  display: inline-block;
  margin-left: 5px;
  position: relative;
}

.indenter:after {
  content: '';
  width: 15px;
  height: 50%;  
  border-top: 1px dotted black;
  display: inline-block;
  position: relative;
}

.lastleaf .indenter:before {
  content: '';
  width: 0px;
  height: 50%;
  border-left: 1px dotted black;
  display: inline-block;
  margin-left: 5px;
  position: relative;
}

.lastleaf .indenter:after {
  content: '';
  width: 15px;
  height: 0px;  
  border-top: 1px dotted black;
  display: inline-block;
  position: relative;
}

.rootnode  .indenter:after ,
.rootnode  .indenter:before,
.branch  .indenter:after ,
.branch  .indenter:before {
  content: none;
  display: none;
}


.btn-1:hover {
	background-color: white;
	border-radius: 50%;
	box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
}

.ui-mobile [data-role=navbar] {
	overflow:hidden;
}

.ui-navbar .ui-btn {
	height: 30px !important; 
	line-height: 30px !important; 
	vertical-align: middle !important; 
}

.ui-header,
.ui-header .ui-btn {
	z-index:2000;
}

.ui-header .ui-title {
	margin-right: 10%;
	margin-left: 10%;
}			
.ui-header  h1 {
	line-height: 0.5em;
}
.ui-header .ui-subtitle {
  text-align: center;
  margin-top: -15px;
  margin-bottom: 5px;
  font-size: smaller;
  font-weight: normal;
/*  
  color: rgba(255, 245, 206, 1);
*/
color: #cfe8fc;
}

.ui-header .ui-subtitle-2,
.ui-header .ui-subtitle-3 {
  text-align: center;
  margin-top: -15px;
  margin-bottom: 5px;
  font-size: 0.75em;
  font-weight: normal;
/*  
  color: rgba(255, 245, 206, 1);
*/
color: #fffae2;
}

.ui-mobile a {
	text-decoration: none;
	cursor: pointer;
}

.ui-field-contain-old	{
	border:none;
	height:1.85em;				
}

.ui-field-contain-2-old {
	margin-top:0.75em;
}

.ui-listview-icon-left a{
    padding-left: 2.5em !important;
    padding-right: 1em !important;
}
.ui-listview-icon-left a:after{
    right: auto;
    left: 9px;
}	

label[for] {
	font-weight: bold;								
	font-size: 1em;
	line-height: 95%;
}

.hide-label .ui-table-cell-label {
	visibility: hidden !important;
}

.hide-label2 .ui-table-cell-label {
	visibility: hidden !important;
	display:none  !important;
}

.page-slide {
/*
	width: 90%;
*/	

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;		

/*	
	box-shadow: 0 1px 5px rgba(0,0,0,0.45);
*/	
	box-shadow: 0 5px 10px 7px rgba(0,0,0,0.35);
	-moz-box-shadow: 0 5px 10px 7px rgba(0,0,0,0.35);
	-webkit-box-shadow: 0 5px 10px 7px rgba(0,0,0,0.35);
}				

.page-slide-action {
    position: fixed !important;

    z-index: 1000;
	
	overflow: hidden !important;
	
    -webkit-transition: all 0.3s, height 0;
    -moz-transition: all 0.3s, height 0;
    -ms-transition: all 0.3s, height 0;
    -o-transition: all 0.3s, height 0;
    transition: all 0.3s, height 0;
	
    cursor: pointer;
	
/*	
	margin-left: 0 !important;
	margin-right: 0 !important;
*/	
}	

.text-wrap-left {
	float: left;
	clear: right;
	margin: 10px;
	
    -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter:         drop-shadow(5px 5px 5px #222); 	
}

.text-wrap-left2 {
	float: left;
	clear: right;
	margin: 10px;
}

.drop-shadow-1 {
    -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter:         drop-shadow(5px 5px 5px #222); 	
}


.lr_layout1 ul {	
    list-style:none;
	position: relative;
	padding: 0;
	margin: 0;
}

.lr_layout1 ul li {	
	list-style-type: none;
	display:inline-block;
	clear:none;	
    text-decoration:none;    
    text-align:center;
	position: relative;
}

.lr_layout1 ul li label {
	font-size:0.80em  !important;
}

.lr_layout1 ul li img {
	margin-top: 2px;
	width: 32px;
}

@media only screen and (min-width : 450px) { 
	
	.lr_layout1 ul li img {
		width: 48px;
	}
	
}

.lr_layout1  ul li .ui-btn-icon-bottom:after,
.lr_layout1  ul li .ui-btn-icon-top:after {
	left: 32% !important;
}

.lr_layout1  ul li .ui-checkbox,
.lr_layout1  ul li .ui-radio {
	margin: 0;
}

/*
	Slider auxiliar touch bars
*/

.touch-bar-l {
	position: fixed !important;
	left: 0;
	
	z-index: 1010;
	background: transparent;
	
	-moz-opacity:0.35;
	-khtml-opacity: 0.35;
	opacity: 0.35;	

	width: 15px;
	height: 100%;
}

.touch-bar-r {
	position: fixed !important;
	right: 0;
	
	z-index: 1010;
	background: transparent;
	
	-moz-opacity:0.35;
	-khtml-opacity: 0.35;
	opacity: 0.35;	

	width: 15px;
	height: 100%;
}

.touch-barx-l {
	position: fixed !important;
	left: 0;	
	
	z-index: 1010;
	background: transparent;
	
	-moz-opacity:0.35;
	-khtml-opacity: 0.35;
	opacity: 0.35;	

	width: 15px;
	height: 100%;
}

.touch-barx-r {
	position: fixed !important;
	right: 0;
	
	z-index: 1010;
	background: transparent;
	
	-moz-opacity:0.35;
	-khtml-opacity: 0.35;
	opacity: 0.35;	

	width: 15px;
	height: 100%;
}

/*
	Terms list
*/

ol.terms li  {
	padding-left: 5px;
	padding-top: 5px;
}

ol.terms > li > ol {padding:0;}


ol.terms > li > ol > li > ol {
	list-style-type: lower-alpha;
}

ol.terms > li > ol > li > ol > li > ol {
	list-style-type: lower-roman;
}

ol.terms > li {
	counter-increment: root;
}

ol.terms > li > ol {
	counter-reset: subsection;
	list-style-type: none;
}

ol.terms > li > ol > li {
	counter-increment: subsection;
}

ol.terms > li > ol > li:before {
	content: counter(root) "." counter(subsection) " ";
}

ol.terms  ul > li {
	list-style-type: square;
}

ol.terms  ul > li  > ul > li  {
	list-style-type: circle;
}

ol.terms  ul > li  > ul > li   > ul > li  {
	list-style-type: disc;
}

/*
	Misc 
*/

.pass {
	color: black;	
}

.pass-short {
	font-size: 1.5em;
	font-weight: strong;
	color: red;
}

.pass-weak {
	font-size: 1.5em;
	font-weight: strong;
	color: orange;
}

.pass-good {
	font-size: 1.5em;
	font-weight: strong;
	color: green;
}

.blue {
	color: blue;
}

.darkblue {
	color: darkblue;
}

.red {
	color: red;
}

.darkred {
	color: darkred;
}

.goldenrod {
	color: goldenrod;
}

.green {
	color: green;
}

.darkgreen {
	color: darkgreen;
}

.orange {
	color: orange;
}

.darkorange {
	color: darkorange;
}

.hidden {
	display:none;
	visibility: hidden;
}

.hidden-2 {
	display:none !important;
}

.hidden-3 {
	visibility: hidden !important;
}

.hidden-4 {
	display:none  !important;
	visibility: hidden  !important;
}

.nowrap {
	white-space:normal !important; 
	font-size: small !important; 
}

.capitalize {
    text-transform: capitalize;
}

.img-centered {  
  display: block;
  margin-left: auto;
  margin-right: auto;
} 

.img-article-left {
	float: left;
	border: 1px solid #999999; 
	
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;

	
	margin: 0.2em 0.5em 0.2em 0.5em;	
	padding: 0.3em 0.3em 0.3em 0.3em;
	
	background:#FFFFFF;

	-moz-box-shadow:0px 0px 5px #2CAFE3;
	-o-box-shadow:0px 0px 5px #2CAFE3;
	-webkit-box-shadow:0px 0px 5px #2CAFE3;
	box-shadow:0px 0px 5px #2CAFE3;	
}

.img-article-right {
	float: right;
	border: 1px solid #999999; 
	
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;

	
	margin: 0.2em 0.5em 0.2em 0.5em;	
	padding: 0.3em 0.3em 0.3em 0.3em;
	
	background:#FFFFFF;

	-moz-box-shadow:0px 0px 5px #2CAFE3;
	-o-box-shadow:0px 0px 5px #2CAFE3;
	-webkit-box-shadow:0px 0px 5px #2CAFE3;
	box-shadow:0px 0px 5px #2CAFE3;	
}

.size-24 {
	width:24px;
	height:24px;
}

.size-32 {
	width:32px;
	height:32px;
}

.height-24 {
	height:24px;
}

.height-32 {
	height:32px;
}

.round-border-1 {
	border: 1px solid #999999; 
	
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	border-radius: 8px;

	padding: 0.3em 0.3em 0.3em 0.3em;
	
	-moz-box-shadow:0px 0px 5px #2CAFE3;
	-o-box-shadow:0px 0px 5px #2CAFE3;
	-webkit-box-shadow:0px 0px 5px #2CAFE3;
	box-shadow:0px 0px 5px #2CAFE3;	
}

.table-stripe-1 tbody tr:nth-child(odd) {
	background-color: #9bc3de;
}

.table-stripe-1 tbody td:nth-child(odd) {
	font-weight:bold;
}

.table-stripe-2 tbody tr:nth-child(odd) {
	background-color: #9bc3de;
}
	
.ui-table-striped thead th,
.ui-table-striped tbody tr:last-child {
    border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.ui-table-striped tbody th,
.ui-table-striped tbody td {
    border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback  */
    border-bottom: 1px solid rgba(0,0,0,.05);
}
.ui-table-striped tbody tr:last-child th,
.ui-table-striped tbody tr:last-child td {
    border-bottom: 0;
}
.ui-table-striped tbody tr:nth-child(odd):not(.no-striped) td,
.ui-table-striped tbody tr:nth-child(odd):not(.no-striped) th {
    background-color: #eeeeee; /* non-RGBA fallback  */
    background-color: rgba(0,0,0,.04);
}

.ui-table-striped.stronger-stripe tbody tr:nth-child(odd):not(.no-striped) td,
.ui-table-striped.stronger-stripe tbody tr:nth-child(odd):not(.no-striped) th {
    background-color: #eeeeee; /* non-RGBA fallback  */
    background-color: rgba(0,0,0,.15);
}

table.stronger-stripe {
	border: none;
	border-collapse: collapse;
}

/*
	Splash
*/

@keyframes splash_effect_1_ {
    0%  {transform: rotate(0deg); width:1%;}    
    100% {transform: rotate(720deg); width:80%;}
}

@keyframes splash_effect_2_ {
    0%  {-webkit-filter: drop-shadow(0px 0px 0px red);
    filter: drop-shadow(0px 0px 20px red);	  
	}    
    50% {-webkit-filter: drop-shadow(0px 0px 20px orange);
    filter: drop-shadow(0px 0px 20px red);  
	}
	100% {-webkit-filter: drop-shadow(0px 0px 0px red);
    filter: drop-shadow(0px 0px 20px red);
  
	}
}

@keyframes splash_effect_3_ {
    0%  {opacity: 0.0;}    
    100% {opacity: 1;}
}


.splash .pulse{
	animation: splash_effect_2_ 1.5s infinite linear;
	animation-delay: 1.6s;    
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;  
}

.splash .rotate{
  animation: splash_effect_1_ 1.5s 1 ease-in;  
}

.splash .slide_up{
   animation: splash_effect_3_ 1s 1 ease-in;
   animation-fill-mode: forwards;
   -webkit-animation-fill-mode: forwards;
   animation-delay: 1.0s;   
}

.splash .comp_logo {
	margin: auto;
	position: absolute;
	top: 0; left: 0; bottom: 40%; right: 0;	
	
    background-image: url("../img/str.png");
	background-repeat: no-repeat;
	background-position: center center;
		
	background-size: 80%;
	
	max-width:450px;
}

.splash .fit_logo {
	width: 90%;
	margin: auto;
	position: absolute;
	left: 0; bottom: 2em; right: 0;	
	
    background-image: url("../img/fit_logo.png");
	background-repeat: no-repeat;
    background-size: 40px 40px;	
	opacity: 0.0;
}

.splash .fit_des{
  color: #595959;
  text-align: justify;
  padding-top:0px;
  text-shadow: 2px 2px 4px #bfbfbf;
  margin-left: 50px;
  font-size: small !important; 
}

/*
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    -moz-border-radius: 0px  !important;
    -webkit-border-radius: 0px  !important;
    -khtml-border-radius: 0px  !important;
    border-radius: 0px  !important;
}
*/

.iframe {
  display: block;
  overflow: hidden;  /* EDIT TO hidden FOR NO SCROLLBAR */
  border: none;
  margin: 0px;
  padding: 0px;
}

.has-listcheck > li > a:first-child {
  margin-left: 40px !important;
}


.listcheck .ui-checkbox,
.listcheck .ui-checkbox label {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  padding: 0;
  margin: 0;
}

/* ===========================
	Begin of Material Design
     =========================== */
	 
.material .ui-input-text, .ui-input-search {
   border: none !important;
/*   
   -moz-box-shadow: inset 0px -1px 1px rgba(0,0,0,0.3) !important;  
   -webkit-box-shadow: inset 0px -1px 1px rgba(0,0,0,0.3) !important;  
   -khtml-box-shadow: inset 0px -1px 1px rgba(0,0,0,0.3) !important;  
   box-shadow: inset 0px -1px 1px rgba(0,0,0,0.3) !important;  
*/ 
   -moz-box-shadow: inset 0px -4px 4px -4px rgba(0,0,0,0.3) !important;
   -webkit-box-shadow: inset 0px -4px 4px -4px rgba(0,0,0,0.3) !important;
   -khtml-box-shadow: inset 0px -4px 4px -4px rgba(0,0,0,0.3) !important;
   box-shadow: inset 0px -4px 4px -4px rgba(0,0,0,0.3) !important;  
}


.material .tooltipstered.ui-focus {
   -moz-box-shadow: none !important;
   -webkit-box-shadow: none !important;
   -khtml-box-shadow: none !important;
   box-shadow: none !important;
}

.material .ui-input-text .tooltipstered.error {
	background: linear-gradient(rgba(255, 255, 255, 1) 20%, rgba(0,0,0,0)) !important; 
}

.material .ui-input-text.ui-focus, 
.material .ui-input-search.ui-focus {
   -moz-box-shadow: inset 0px -6px 4px -4px rgba(41,112,163,0.6) !important;
   -webkit-box-shadow: inset 0px -6px 4px -4px rgba(41,112,163,0.6) !important;
   -khtml-box-shadow: inset 0px -6px 4px -4px rgba(41,112,163,0.6) !important;
   box-shadow: inset 0px -6px 4px -4px rgba(41,112,163,0.6) !important;
}

.ui-error-container textarea {
	margin:0 !important;
}

.material .ui-collapsible-inset [data-role='listview'],
.material .ui-listview-inset [data-role='listview'] {
	margin: -1px 0 0;
}



















.material .ui-field-contain:not(.ui-hide-label) > label,
.material .ui-field-contain:not(.ui-hide-label) legend {
	color: gray !important;
	text-align: right !important;
}

.material .custom-corners .ui-bar {
  -webkit-border-top-left-radius: 2px !important;
  border-top-left-radius: 2px !important;
  -webkit-border-top-right-radius: 2px !important;
  border-top-right-radius: 2px !important;
}

.material .custom-corners .ui-body,
.material .custom-corners.ui-body {
	border: none !important;

	-webkit-border-radius: 0 !important; 
	-moz-border-radius: 0 !important; 
	border-radius: 0 !important; 	
}

.material  .ui-listview li,
.material  .ui-listview  a, 

.material  .ui-listview li,
.material  .ui-listview  a, 

.material .ui-collapsible-content,
.material .ui-collapsible-heading a,

.material  .ui-popup .ui-listview li,
.material  .ui-popup .ui-listview  a, 

.material  .listiview-collapsible li,
.material  .listiview-collapsible a {
	border: none !important;
}

.material  .ui-listview.ui-corner-all,
.material  .ui-popup.ui-corner-all { 
	border: none !important;
	
	-webkit-border-radius: 2px !important; 
	-moz-border-radius: 2px !important; 
	border-radius: 2px !important; 	
}

.material .ui-overlay-shadow-light {
   -moz-box-shadow: 0 0 8px rgba(0,0,0,0.6) !important;
   -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.6) !important;
   -khtml-box-shadow: 0 0 8px rgba(0,0,0,0.6) !important;
   box-shadow: 0 0 8px rgba(0,0,0,0.6) !important;	
}

.material .nav-border ul li a {
	border: none !important;

	-webkit-border-radius: 0 !important; 
	-moz-border-radius: 0 !important; 
	border-radius: 0 !important; 	
}

.material .nav-border ul li:first-child a {
  -webkit-border-top-left-radius: 3px !important;
  border-top-left-radius: 3px !important;
  -webkit-border-bottom-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;  
}

.material .nav-border ul li:last-child a {
  -webkit-border-top-right-radius: 3px !important;
  border-top-right-radius: 3px !important;
  -webkit-border-bottom-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;  
}

/*
	wizard/subheader
*/

.material [data-role='scrolledcontent'] {
	overflow-y:auto;
	min-height: 120px;
	
	margin-top: 8px;
	margin-bottom: 8px;
}

.material [data-role='subheader'] {
	background: url("../img/texture.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	
	max-height: 250px;	
	
	box-shadow: 0 10px 6px -6px rgba(0,0,0,0.6) !important;		
   -moz-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.6) !important;		
   -webkit-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.6) !important;		
   -khtml-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.6) !important;			
}

.material [data-role='subheader-content'] {	
	width: 100%;
	height: 100%;
	
	content:'';
	
    background-color: rgba(255,255,255,0.9) !important;		
}

.material [data-role='subheader'] img {
	width: 64px;
	height: 64px;
}

.material [data-role='subheader'] p {
	font-size: .9em !important;
}

.material [data-role='subheader'] h2 {
	font-size: 1.5em !important;
	margin:0 0 0 0 !important;
	text-align:center !important;
	
}

.material [data-role='subheader'] li {	
	list-style-type: none;
	font-weight: bold;
}

.material [data-role='subheader'] ._price {	
	font-size: 1.1em !important;
	color: green;	
}


@media (min-height: 0px) and (max-height: 365px) {
	.material [data-role='subheader'] {	
		max-height: 25px;	
		
		overflow: hidden;
		
		-moz-transition: max-height 0.5s;
		-webkit-transition: max-height 0.5s;
		-o-transition: max-height 0.5s;
		transition: max-height 0.5s;
	}
	
	.material [data-role='subheader']:hover {
		max-height: 250px;	
		
		-moz-transition: max-height 0.5s;
		-webkit-transition: max-height 0.5s;
		-o-transition: max-height 0.5s;
		transition: max-height 0.5s;		
	}	
}

@media (min-height: 730px) {

	.material [data-role='subheader'] img {
		width: 96px;
		height: 96px;
	}	
	
	.material [data-role='subheader']  {
		font-size: 1.1em !important;
	}

	.material [data-role='subheader'] h2 {
		font-size: 1.75em !important;
	}	
	
	.material [data-role='subheader'] ._price {	
		font-size: 1.2em !important;
	}	
}

/*
	dialog
*/

.material .ui-dialog [role='dialog'],
.material .ui-dialog [role='dialog']  [data-role='content'],
.material [data-role='popup'],
.material  [data-role='popup']  [data-role='content'] {
	border: none !important;
	
	-webkit-border-radius: 0 !important; 
	-moz-border-radius: 0 !important; 
	border-radius: 0 !important; 	
}

.material .ui-dialog [role='dialog'] [data-role='header']  .ui-title ,
.material [data-role='popup'] [data-role='header']  .ui-title {
	margin: 1em 0 0.5em !important;
}

/*
.material .ui-dialog [role='dialog'] [data-role='header'] a.ui-icon-delete {
	display: none !important;
}
*/

.material [data-rel='backxxx'],
.material .ui-dialog [role='dialog'] [data-role='header'] .ui-btn,
.material [data-role='popup'] [data-role='header'] .ui-btn {
	border: none !important;
	
	-webkit-border-radius: 0 !important; 
	-moz-border-radius: 0 !important; 
	border-radius: 0 !important; 		
	
   -moz-box-shadow: none !important;
   -webkit-box-shadow: none !important;
   -khtml-box-shadow: none !important;
   box-shadow: none !important;
	
	
	background-color: transparent !important; 
}

.material [data-rel='backxxx'].ui-icon-delete:after,
.material .ui-dialog [role='dialog'] [data-role='header'] .ui-icon-delete:after,
.material [data-role='popup'] [data-role='header'] .ui-icon-delete:after {
   
	background-color: transparent !important; 
/*	
	background-image: url("../img/material/navigation/1x_web/ic_close_white_24dp.png"); !important;
*/	
}

/*
	icons
*/

.material .ui-icon-action:after {
	background-image: url("../img/material/action/1x_web/ic_launch_white_24dp.png"); !important;
}

.material .ui-icon-alert:after {
	background-image: url("../img/material/alert/1x_web/ic_warning_white_24dp.png"); !important;
}

.material .ui-icon-audio:after {
	background-image: url("../img/material/av/1x_web/ic_volume_up_white_24dp.png"); !important;
}

.material .ui-icon-bars:after {
	background-image: url("../img/material/navigation/1x_web/ic_menu_white_24dp.png"); !important;
}

.material .ui-icon-bullets:after {
	background-image: url("../img/material/action/1x_web/ic_list_white_24dp.png"); !important;
}

.material .ui-icon-camera:after {
	background-image: url("../img/material/image/1x_web/ic_camera_alt_white_18dp.png"); !important;
}

.material .ui-icon-carat-d:after {
	background-image: url("../img/material/navigation/1x_web/ic_expand_more_white_24dp.png"); !important;
}

.material .ui-icon-carat-l:after {
	background-image: url("../img/material/navigation/1x_web/ic_chevron_left_white_24dp.png"); !important;
}

.material .ui-icon-carat-r:after {
	background-image: url("../img/material/navigation/1x_web/ic_chevron_right_white_24dp.png"); !important;
}

.material .ui-icon-carat-u:after {
	background-image: url("../img/material/navigation/1x_web/ic_expand_less_white_24dp.png"); !important;
}

.material .ui-icon-check:after {
	background-image: url("../img/material/action/1x_web/ic_done_white_24dp.png"); !important;
}

.material .ui-icon-clock:after {
	background-image: url("../img/material/action/1x_web/ic_watch_later_white_24dp.png"); !important;
}

.material .ui-icon-cloud:after {
	background-image: url("../img/material/file/1x_web/ic_cloud_white_24dp.png"); !important;
}

.material .ui-icon-comment:after {
	background-image: url("../img/material/communication/1x_web/ic_chat_bubble_white_24dp.png"); !important;
}

.material .ui-icon-delete:after {
	background-image: url("../img/material/navigation/1x_web/ic_close_white_24dp.png"); !important;
}

.material .ui-icon-edit:after {
	background-image: url("../img/material/editor/1x_web/ic_mode_edit_white_18dp.png"); !important;
}

.material .ui-icon-eye:after {
	background-image: url("../img/material/action/1x_web/ic_visibility_white_18dp.png"); !important;
}

.material .ui-icon-forbidden:after {
	background-image: url("../img/material/notification/1x_web/ic_do_not_disturb_alt_white_24dp.png"); !important;
}

.material .ui-icon-gear:after {
	background-image: url("../img/material/action/1x_web/ic_settings_white_24dp.png"); !important;
}

.material .ui-icon-grid:after {
	background-image: url("../img/material/navigation/1x_web/ic_apps_white_24dp.png"); !important;
}

.material .ui-icon-heart:after {
	background-image: url("../img/material/action/1x_web/ic_favorite_white_24dp.png"); !important;
}

.material .ui-icon-home:after {
	background-image: url("../img/material/action/1x_web/ic_home_white_24dp.png"); !important;
}

.material .ui-icon-info:after {
	background-image: url("../img/material/action/1x_web/ic_info_outline_white_24dp.png"); !important;
}

.material .ui-icon-location:after {
	background-image: url("../img/material/maps/1x_web/ic_place_white_24dp.png"); !important;
}

.material .ui-icon-lock:after {
	background-image: url("../img/material/action/1x_web/ic_https_white_24dp.png"); !important;
}

.material .ui-icon-mail:after {
	background-image: url("../img/material/communication/1x_web/ic_email_white_24dp.png"); !important;
}

.material .ui-icon-minus:after {
	background-image: url("../img/material/content/1x_web/ic_remove_white_24dp.png"); !important;
}

.material .ui-icon-navigation:after {
	background-image: url("../img/material/maps/1x_web/ic_near_me_white_24dp.png"); !important;
}

.material .ui-icon-phone:after {
	background-image: url("../img/material/communication/1x_web/ic_phone_white_24dp.png"); !important;
}

.material .ui-icon-plus:after {
	background-image: url("../img/material/content/1x_web/ic_add_white_24dp.png"); !important;
}

.material .ui-icon-power:after {
	background-image: url("../img/material/action/1x_web/ic_power_settings_new_white_24dp.png"); !important;
}

.material .ui-icon-recycle:after {
	background-image: url("../img/material/action/1x_web/ic_autorenew_white_24dp.png"); !important;
}

.material .ui-icon-search:after {
	background-image: url("../img/material/action/1x_web/ic_search_white_24dp.png"); !important;
}

.material .ui-icon-star:after {
	background-image: url("../img/material/action/1x_web/ic_grade_white_24dp.png"); !important;
}

.material .ui-icon-tag:after {
	background-image: url("../img/material/maps/1x_web/ic_local_offer_white_18dp.png"); !important;
}

.material .ui-icon-user:after {
	background-image: url("../img/material/social/1x_web/ic_person_white_24dp.png"); !important;
}

.material .ui-icon-video:after {
	background-image: url("../img/material/av/1x_web/ic_videocam_white_24dp.png"); !important;
}

/*
	More icons...
*/

.material .ui-icon-header:after {
	background-image: url("../img/material/editor/1x_web/ic_vertical_align_top_white_24dp.png");
	background-size: 24px 24px;
}

.material .ui-icon-field:after {
	background-image: url("../img/material/editor/1x_web/ic_space_bar_white_24dp.png");
	background-size: 24px 24px;
}

/* ===========================
	End of Material Design
     =========================== */


	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
/* ===========================
 Begin of Material Design Mateus
     =========================== */

	 
/*input*/	 

.material .ui-input-text, .ui-input-search {
   border-radius: 0px;
   border-bottom: solid 1px #00bcd4; 

   -webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
   -moz-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
   transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
/*   
   background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 98%, #00bcd4 4%);
   background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 98%, #00bcd4 4%);
*/   
   background-position: -2000px 0;
   background-size: 2000px 100%;
   background-repeat: no-repeat;
   
}

.material  .input-bar .ui-input-text {
	display: inline-block !important;
}

.material  input[type='text'],
.material  input[type='password'],
.material  input[type='date'],
.material  input[type='datetime-local'],
.material  input[type='month'],
.material  input[type='time'],
.material  input[type='week'],
.material  input[type='number'],
.material  input[type='tel'],
.material  input[type='search'],
.material  input[type='url'],
.material  input[type='email'],
.material  input[type='file'] {
	padding: 15px 0 !important;
}

.material textarea{
 padding: 20px 0 !important; 
}

.material  .ui-input-text.ui-focus, .ui-input-search.ui-focus{
	border-color: none;
	box-shadow: none;
	outline: none;
	background-position: 0 0;
}

.material  input::-webkit-input-placeholder  { 
 -webkit-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}

.material  textarea::-webkit-input-placeholder  {
 -webkit-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}

.material input:focus::-webkit-input-placeholder{ 
 color: #00bcd4;
 font-size: 11px;
 -webkit-transform: translateY(-12px);
 transform: translateY(-12px);
 visibility: visible !important;
}

.material textarea:focus::-webkit-input-placeholder {
 color: #00bcd4;
 font-size: 11px;
 -webkit-transform: translateY(-20px);
 transform: translateY(-20px);
 visibility: visible !important;
}

.material  input::-moz-placeholder  {
 font-family: 'roboto', sans-serif;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}

.material  textarea::-moz-placeholder  {
 font-family: 'roboto', sans-serif;
 -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}

.material input:focus::-moz-placeholder {
 color: #00bcd4;
 font-size: 11px;
 -webkit-transform: translateY(-12px);
 -moz-transform: translateY(-12px);
 transform: translateY(-12px);
 visibility: visible !important;
}

.material textarea:focus::-moz-placeholder{
 color: #00bcd4;
 font-size: 11px;
 -webkit-transform: translateY(-20px);
 -moz-transform: translateY(-20px);
 transform: translateY(-20px);
 visibility: visible !important;
}


/*checkbox*/

.material .ui-checkbox input {	
	display: none !important;
}

.material .ui-btn.ui-checkbox-on.ui-checkbox-on:after {
	background-image: none !important;	
}

.material .ui-checkbox label{
	background-color : transparent !important;
	border-style : none !important;
	box-shadow : none !important;	
}
.material .ui-checkbox-off:after, .ui-checkbox-on:after 
{
  -moz-appearance:none !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  background-color: transparent !important;
  left: 0;
  z-index: 1;
  width: 1rem;
  height: 1rem;
  opacity: 1;
  border-radius: 0px !important;
  border: 2px solid #f2f2f2;
}

.material .ui-checkbox-on:after
{
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  height: .5rem;
  border-color: #00bcd4 !important;
  border-top-style: none;
  border-right-style: none;
}


.material .ui-controlgroup-controls  .ui-checkbox label{
	background-color : #ededed !important;
	border : 1px !important;
	box-shadow : none !important;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.2) !important;	
} 

.material .ui-controlgroup-controls  .ui-checkbox label.ui-checkbox-on{
	background-color : #01579b !important;	
	box-shadow : none !important;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.2) !important;	
} 

/*
	radio button
*/

.material .ui-radio input{	
	display:none !important;
}

.material .enhanced .ui-radio-on,
.material .enhanced .ui-checkbox-on {
  background-color:rgba(0,0,0,0.1) !important;	
}

.material .ui-radio label{
	background-color : transparent !important;
	border-style : none !important;
	box-shadow : none !important;	
}

.material .ui-radio-off:after, .ui-radio-on:after 
{
  position: absolute;
  background-color: transparent !important;
  left: 0;
  z-index: 1;
  width: 1rem;
  height: 1rem;
  opacity: 1;
  border: 2px solid #f2f2f2;
  	
}

.material .ui-radio-on:after
{      
   border-color: #00bcd4 !important;
   webkit-animation: click-wave 0.25s;
   -moz-animation: click-wave 0.25s;
   animation: click-wave 0.25s;
}


@-webkit-keyframes 
click-wave { 
0% 
{

 background-color: #00bcd4;	
 box-shadow: 0px 0px 0px #00bcd4;  
}
 100% { 
 box-shadow: 0px 0px 7px #00bcd4;
 
}
}

@-moz-keyframes 
click-wave { 0% {
 background-color: #00bcd4;	
 box-shadow: 0px 0px 0px #00bcd4;  
}
 100% {
 box-shadow: 0px 0px 7px #00bcd4;
}
}

@-o-keyframes 
click-wave { 0% 
{

 background-color: #00bcd4;	
 box-shadow: 0px 0px 0px #00bcd4;  
}
 100% { 
 box-shadow: 0px 0px 7px #00bcd4;
 
}
}

@keyframes 
click-wave { 0% 
{

 background-color: #00bcd4;	
 box-shadow: 0px 0px 0px #00bcd4;  
}
 100% { 
 box-shadow: 0px 0px 7px #00bcd4;
 
}
}



/*HEADER*/


.material .ui-header,
.material .ui-bar-n {
	border-style: none !important;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
	text-shadow: none !important;
}

/*FOOTER*/

.material .ui-footer {
	border-style: none !important;
	text-shadow: none !important;
}

/*BUTTONS (BTN)*/

.material .ui-btn-icon-notext.ui-btn-corner-all, .ui-btn-icon-notext.ui-corner-all {
    -webkit-border-radius: 1em !important;
    border-radius: 1em !important;
}

.material .ui-btn {
	border-style: none !important;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.2);
	border-radius: 2px;
}
.material .ui-btn:hover {
	/*background-color: white !important;*/
	opacity: 0.8 !important;	
}

/*
cards
*/

.material .ui-body{
	border-style: none !important;
	border-radius: 3px !important;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2) !important;
		
}

.material .ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d, .ui-grid-solo {
    overflow: visible !important;
}


.material .ui-block-a .ui-body
{
	margin-top: 7px;
}

.material .ui-block-b .ui-body,
.material .ui-block-c .ui-body,
.material .ui-block-d .ui-body,
.material .ui-block-e .ui-body
{
	margin-left: 7px;	
	margin-top: 7px;
}

@media screen and (max-width: 45em){ 	
	.ui-responsive>.ui-block-a,	
	.ui-responsive>.ui-block-b,
	.ui-responsive>.ui-block-c	
	{
	   width:100%;	   
	}
	
	.material .ui-block-b .ui-body,
	.material .ui-block-c .ui-body,
	.material .ui-block-d .ui-body,
	.material .ui-block-e .ui-body
	{
		margin-left:0px;
		
	}	

}


/*
Collapsible
*/

.material .ui-collapsible-inset .ui-collapsible-content {    
    border-radius: 0px 0px 2px 2px !important;
}

.material  .ui-collapsible-content .ui-btn{    
    box-shadow: none !important;
}

.material  .ui-collapsible-heading .ui-btn {    
    box-shadow: none !important;
}

/*
Panel
*/

.ui-panel .ui-btn{
	border-style: none !important;
	box-shadow: none !important;
	border-radius: none !important;
	background-color: transparent !important;
	text-shadow: none !important;
	color: rgba(0,0,0,0.87) !important;
    font-size: 14px !important;
    font-weight: 500 !important;	
	text-decoration: none !important;
	
}

.ui-panel-inner  .ui-collapsible-inset .ui-collapsible-content {    
    border-radius: 0px !important;
    box-shadow: none !important;
}
.ui-panel-inner  .ui-collapsible {    
    border-radius: 0px !important;
    box-shadow: none !important;
}

.ui-panel-inner  [data-role='listview'] {    
    border-radius: 0px !important;
    box-shadow: none !important;
}

/* switch slider*/


.material .ui-slider-switch {
    border-radius: 50px !important;
	border: none !important;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1) !important;
}


.material .ui-slider-track .ui-btn.ui-slider-handle {
	border-radius: 50px !important;
	height: 40px !important;
	width: 40px !important;
	margin-top: -5px;
	margin-left: -20px;
}

.material .ui-slider-track .ui-btn.ui-slider-handle:hover {
	opacity: 1 !important;
}

.material .ui-slider-track.ui-mini .ui-btn.ui-slider-handle {
	height: 35px !important;
	width: 35px !important;
	margin-top: -4px;
	margin-left: -15px;
}



/* ===========================
 End of Material Design Mateus
=========================== */