/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, n_av, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end */

body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 100%;
}


h1 {
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	color: #424d6a;
	font-size: 1.8em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0.3em 0;
}

h2 {
	color: #4C4C4C;
	font-weight: normal;
	font-size: 1em;
	margin: 0 0 7px 0;
}

h3 {
	font-weight: bold;
	color: #424d6a;
	font-size: 1.1em;
}

h4 {
	font-weight: bold;
	color: #4C4C4C;
	margin: 14px 0;
}

p {
	font-size: 0.8em;
	color: #4c4c4c;
	line-height: 1.4;
	margin: 0.8em 0;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

a {
	color: #5aafc9;
}

ol {
	font-size: 0.8em;
	color: #4c4c4c;
	list-style-type: decimal;
	margin-left: 30px;
}

ol li {
	margin: 8px 0;
	line-height: 1.5;
}

a:hover {
	 color: #F79C33;
        cursor: pointer;
}

textarea {
	font-size: 0.9em;
	color: #4C4C4C;
}

.clearFix {
	clear: both;
}

.displayNone {
    display: none;
}

.displayInline {
    display: inline;
}

.displayBlock {
    display: block;
}
.displayLeft {
    float: left;
}

.right {
	float: right!important;
}

.left {
	float: left;
	padding-right: 10px;
}

.center {
	text-align: center;
}
     /* class define a tela inteira do cucco - class mais externa */
div.wrapper {
	margin: 0 auto;
        width: 100%;
        max-width: 960px;
}
/* Quadros/box para smartphone*/
.smartBorderDefault {
    background-color:#efefef;
    border-left: 2.5px solid #888888; 
    border-top: 2.5px solid #888888; 
    border-right: 0.5px solid #888888;
    border-bottom: 0.5px solid #888888; 
    border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
    padding: 8px;
    margin-bottom: 8px;
}
.smartCabBox{
    max-width: 99%; 
    height: 24px; 
    background: #61b7d1; 
    color:#FFF;
}
/* Recover Password */

div.recoPwWrapper {
	background: #f2f2f2;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 20px 20px;
        width: 95%;
        max-width: 960px;                   
}
/* Holder div */

div.holder {
	background: #f2f2f2;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 20px 20px;
        width: 960px;                   /* 20/05/2017 class=wrapper responsivo*/
}

div.holder div.holderHeader {
	width: 100%;
	margin-bottom: 10px;
	display: inline-block;
}

div.holder div.holderHeader div.nav {
	height: 28px;
	margin-top: -32px;
	float: right;
}
img.eyePassword{
    
    display:        inline; 
    margin-left:    5px;
    vertical-align: middle;
    cursor:         pointer;
    color:          #000;
}
input.password{
    width: 100%;
    height: 24px;
}

.facebook_32 {
  background: url(../images/socialNetworks.png) -184px -34px no-repeat;
  display: block;
  width: 32px;
  height: 32px;
}

.facebook_full {
  background: url(../images/socialNetworks.png) 0px 0px no-repeat;
  display: block;
  width: 128px;
  height: 32px;
}

.facebook_long {
  background: url(../images/socialNetworks.png) 0px -34px no-repeat;
  display: block;
  width: 90px;
  height: 32px;
  float: left;
  margin-right: 10px;
}

.twitter_32 {
  background: url(../images/socialNetworks.png) -218px -34px no-repeat;
  display: block;
  width: 32px;
  height: 32px;
}

.twitter_full {
  background: url(../images/socialNetworks.png) -130px 0px no-repeat;
  display: block;
  width: 128px;
  height: 32px;
}

.twitter_long {
  background: url(../images/socialNetworks.png) -92px -34px no-repeat;
  display: block;
  width: 90px;
  height: 32px;
  float: left;
}
.instagram_novo {
  background: url(../images/socialNetworks.png) -284px -34px no-repeat;
  display: block;
  width: 90px;
  height: 32px;
  float: left;
}

div.holder div.holderHeader div.nav ul li {
	float: left;
	list-style-type: none;
	margin-right: 5px;
}

div.holder div.holderHeader div.nav ul li a {
	text-decoration: none;
	font-size: 1.1em;
	display: block;
	padding: 6px 15px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-weight: bold;
	color: #6d6d6d;
}

div.holder div.holderHeader div.nav ul li a:hover {
	background: #E0E0E0;
}

div.holder div.holderHeader div.nav ul li a.active {
	color: #FFF;
	background: -moz-linear-gradient(top, #3B4256 0%, #505a75 24%, #505a75 71%, #3B4256 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3B4256), color-stop(24%,#505a75), color-stop(71%,#505a75), color-stop(100%,#3B4256)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #3B4256 0%,#505a75 24%,#505a75 71%,#3B4256 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #3B4256 0%,#505a75 24%,#505a75 71%,#3B4256 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #3B4256 0%,#505a75 24%,#505a75 71%,#3B4256 100%); /* IE10+ */
	background: linear-gradient(top, #3B4256 0%,#505a75 24%,#505a75 71%,#3B4256 100%); /* W3C */	
}

/* Seletor de serviços */

/* AssistenteConfig.js navigation */

div.assistenteConfigWrapper{
    max-height: 520px;
    max-width: 100%;
}
div.assistenteConfigWrapper div.assistenteConfigNav {
	 float: left;
    height: 510px;
	 width: 160px;
}
div.assistenteConfigWrapper div.assistenteConfigNav input#id_assistenteNav {  /* nao aparecer o pequeno checkbox */
  visibility: hidden;
    position: absolute;
     opacity: 0;
}
/* Traços do Seletor de  navegacao de Agendas */
div.assistenteConfigNav label {
    display: none;
}
div.assistenteConfigNav input {
    display: none;
}

div.assistenteConfigWrapper div.assistenteConfigNav ul  {
	margin: 0;
	padding: 0;
	position: absolute;
	/*z-index: 99; */
}

div.assistenteConfigWrapper div.assistenteConfigNav ul li {
    list-style-type: none;
}

div.assistenteConfigWrapper div.assistenteConfigNav ul li a {
	display: block;
	padding: 9px 5px;
	margin-bottom: 5px;
	text-decoration: none;
	color: #4c4c4c;
	font-weight: 600;
        height: 12px;
}

div.assistenteConfigWrapper div.assistenteConfigNav ul li a:hover {
	color: #F79C33;
}

div.assistenteConfigWrapper div.assistenteConfigNav ul li a.active {
	background: #FFF;
	width: 100%;
	-moz-box-shadow: -3px 0.9px 5px #ccc;
	-webkit-box-shadow: -3px 0.9px 5px #ccc;
	box-shadow: -5px 0.9px 5px #ccc;
}

div.assistenteConfigWrapper div.assistenteConfigNav span.clGreen {
    color:green;
}
div.assistenteConfigWrapper div.assistenteConfigNav span.itemMenu {
    color:green;
    font-size:0.9em;
    font-style:italic;
    font-weight: lighter;
    margin:0;
    padding:0;
}
div.assistenteConfigWrapper div.assistenteConfigNav span:hover{
    color: #F79C33;
}
div.assistenteDisplayNone{
    display: none;
}

div.assistenteConfigWrapper div.assistenteContent{
	float: left;
	background: #FFF;
	padding: 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	position: relative;
        max-height: 510px;
	max-width: 710px;
	min-height: 480px;
        overflow: scroll;  
}

/* Content */
div.content {
	float: left;
	background: #FFF;
	padding: 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	position: relative;
        max-height: 510px;
	width: 692px;
	min-height: 480px;
        overflow: scroll;  
}

div.content h2 {
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 15px;
}

div.contentLeft {
	float: left;
}

div.content100 {
	clear: both;
	max-width: 880px;
}

div.content40 {
	float: left;
	width: 300px;
}

/* Month Calendar */

div.calendar {
}

div.calendar div.calCtrlBtn {
	float: left;
	width: 18.5%;
}

div.calendar div.dateShow {
	float: left;
	width: 63%;
	text-align: center;
}

div.calendarDescription {
	background: #eaeaea;
	overflow: auto;
	margin-bottom: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

div.calendarDescription p {
	font-size: 0.8em;
	padding-left: 10px;
	color: #6a6a6a;
}

div.dateShow span {
	color: #4c4c4c;
	display: block;
	font-size: 1.2em;
	line-height: 1.1;
	font-weight:bold;
	text-align: center;
	padding-top: 7px;
}

.calCtrlButtons {
	width: 100%;
	padding-bottom: 10px;
}

div.calendar table {
	width: 100%;
	border-bottom: 1px solid #dedede;
}

div.calendar table tbody {
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
}

div.calendar table th {
	color: #9d9d9d;
	padding-bottom: 10px;
	font-size: 0.9em;
}

div.calendar table th.sunday {
	color: #C8C8C8;
}

div.calendar table tr {
   
}

div.calendar table td {
	text-align: center;
	border-top: 1px solid #dedede;
	font-size: 0.9em;
	background: #f2f2f2;
}

div.calendar table td a {
	padding: 14.5px;
	display: block;
	color: #b8b8b8;
	text-decoration: none;
}

div.calendar table td a:hover {
	color: #FFF;
	background: #A2A2A2;
	-moz-box-shadow: 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 transparent, 0 0 0 transparent;
	-webkit-box-shadow: 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 transparent, 0 0 0 transparent;
	box-shadow: 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 transparent, 0 0 0 transparent;
}

div.calendar table td a:active {
	-moz-box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
	-webkit-box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
	box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
}

/* Differente month day  - define slot do dia/mes*/

div.calendar table td.difMonth {
	background: -moz-linear-gradient(top, #eaeaea 0%, #e1e1e1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eaeaea 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eaeaea 0%,#e1e1e1 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #eaeaea 0%,#e1e1e1 100%); /* IE10+ */
	background: linear-gradient(top, #eaeaea 0%,#e1e1e1 100%); /* W3C */
}

div.calendar table td.difMonth a {
	color: #B8B8B8!important;
}

/* Today */

div.calendar table td.today {
	color: #5a5a5a;
	font-weight: bold;
	border: 1px solid #919191;
	background: -moz-linear-gradient(top, #cccccc 18%, #b5b5b5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(18%,#cccccc), color-stop(100%,#b5b5b5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cccccc 18%,#b5b5b5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cccccc 18%,#b5b5b5 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #cccccc 18%,#b5b5b5 100%); /* IE10+ */
	background: linear-gradient(top, #cccccc 18%,#b5b5b5 100%); /* W3C */
}

div.calendar table td.today a {
	color: #FFF;
}

div.calendar table td.today a:hover {
	background: #A2A2A2;
	-moz-box-shadow: 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 transparent, 0 0 0 transparent;
	-webkit-box-shadow: 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 transparent, 0 0 0 transparent;
	box-shadow: 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 transparent, 0 0 0 transparent;

}

div.calendar table td.today a:active {
	-moz-box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
	-webkit-box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
	box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
}

div.calendar table td.todaySelected {
	background: #A2A2A2;
	-moz-box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
	-webkit-box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
	box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
}

div.calendar table td.today a:hover span {
	color: #FFF;
}

div.calendar table td.today span {
	display: block;
	font-size: 0.7em;
	position: absolute;
	text-transform: uppercase;
	margin-top: 4px;
	margin-left: 5px;
	color: #FFF;
}

/* User Scheduled Day */
div.calendar table td.userScheduled {
	font-weight: bold;
	border: 1px solid #3992AE;
	background: -moz-linear-gradient(top, #9cdae2 18%, #5fd1e2 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(18%,#9cdae2), color-stop(99%,#5fd1e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #9cdae2 18%,#5fd1e2 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #9cdae2 18%,#5fd1e2 99%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #9cdae2 18%,#5fd1e2 99%); /* IE10+ */
	background: linear-gradient(top, #9cdae2 18%,#5fd1e2 99%); /* W3C */
}

div.calendar table td.userScheduled a {
	color: #FFF;
}

div.calendar table td.userScheduled a:hover {
	background: #00CCED;
	-moz-box-shadow: 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 transparent, 0 0 0 transparent;
	-webkit-box-shadow: 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 transparent, 0 0 0 transparent;
	box-shadow: 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 transparent, 0 0 0 transparent;

}

div.calendar table td.userScheduled a:active {
	-moz-box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
	-webkit-box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
	box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
}

div.calendar table td.userScheduledSelected a {
	background: #00CCED;
	-moz-box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
	-webkit-box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
	box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
}

/* Free Slot Day */

div.calendar table td.freeSlotsDay {
	font-weight: bold;
	border: 1px solid #8DA832;
	background: -moz-linear-gradient(top, #cdd490 0%, #b9ce73 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdd490), color-stop(100%,#b9ce73)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cdd490 0%,#b9ce73 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cdd490 0%,#b9ce73 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #cdd490 0%,#b9ce73 100%); /* IE10+ */
	background: linear-gradient(top, #cdd490 0%,#b9ce73 100%); /* W3C */
}

div.calendar table td.freeSlotsDay a {
	color: #FFF!important;
}

div.calendar table td.freeSlotsDay a:hover {
	background: #90CE00;
	-moz-box-shadow: 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 transparent, 0 0 0 transparent;
	-webkit-box-shadow: 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 transparent, 0 0 0 transparent;
	box-shadow: 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 transparent, 0 0 0 transparent;

}

div.calendar table td.freeSlotsDay a:active {
	-moz-box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
	-webkit-box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
	box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
}

div.calendar table td.freeSlotsDaySelected a {
	background: #90CE00;                             /* verde claro*/
	-moz-box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
	-webkit-box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
	box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
}

/* Busy Slot Day */

div.calendar table td.busySlotsDay {
	font-weight: bold;
	border: 1px solid #909090;
	background: -moz-linear-gradient(top, #d2d2d2 18%, #b4b4b4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(18%,#d2d2d2), color-stop(100%,#b4b4b4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d2d2d2 18%,#b4b4b4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d2d2d2 18%,#b4b4b4 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #d2d2d2 18%,#b4b4b4 100%); /* IE10+ */
	background: linear-gradient(top, #d2d2d2 18%,#b4b4b4 100%); /* W3C */
}

div.calendar table td.busySlotsDay a {
	color: #FFF;
}

div.calendar table td.busySlotsDay a:hover {
	background: #959595;
	-moz-box-shadow: 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 transparent, 0 0 0 transparent;
	-webkit-box-shadow: 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 transparent, 0 0 0 transparent;
	box-shadow: 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 transparent, 0 0 0 transparent;

}

div.calendar table td.busySlotsDay a:active {
	-moz-box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
	-webkit-box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
	box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
}

div.calendar table td.busySlotDaySelected a {
	background: #959595;
	-moz-box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
	-webkit-box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
	box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
}

/* FREE+Busy Slot Day */

/* Free Slot Day */

div.calendar table td.freeBusySlotsDay {
	font-weight: bold;
	border: 1px solid #8DA832;
	background: -moz-linear-gradient(top, #cdd490 0%, #51eaaf 0%); /* FF3.6+ #5c5c5c #eaaf51 #51eaaf*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdd490), 
        color-stop(0%,#51eaaf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cdd490 0%,#51eaaf 0%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cdd490 0%,#51eaaf 0%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #cdd490 0%,#51eaaf 0%); /* IE10+ */
	background: linear-gradient(top, #cdd490 0%,#51eaaf 0%); /* W3C */
}

div.calendar table td.freeBusySlotsDay a {
	color: #FFF!important;
}

div.calendar table td.freeBusySlotsDay a:hover {
	background:  #c5e898;
	-moz-box-shadow: 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) 
        inset, 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 transparent, 0 0 0 transparent;
	-webkit-box-shadow: 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) 
        inset, 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 transparent, 0 0 0 transparent;
	box-shadow: 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) 
        inset, 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 transparent, 0 0 0 transparent;

}

div.calendar table td.freeBusySlotsDay a:active {
	-moz-box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) 
        inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
	-webkit-box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) 
        inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
	box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) 
        inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
}

div.calendar table td.freeBusySlotsDaySelected a {
	background:  #9790d4; /* roxo:#d490cd; /*#d4b990;                              /*#90CE00-verdeClaro*/
	-moz-box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
	-webkit-box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
	box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 transparent, 0 0 0 transparent;
}

.slotsFilter {
	clear: both;
	font-size: 0.8em;
	color: #6e6e6e;
	margin-top: 20px;
}

.slotsFilter .DisabledLink {
	color: #6e6e6e;
}
    /* DayCalendar.html - define slot time + descricao + button */
div.slot {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	line-height: 1em;
	display: inline-block;
	width: 100%;
	font-size: 0.8em;
	margin: 0;
	position: relative;
}

div.slot .slotTime {
        float: left;
	padding: 11px;
	font-weight: bold;
        height: 100%;
}

div.slot .SlotDetails {
	display: block;
	float: left;
	max-width: 180px;                  /* 208px*/
	padding: 11px 0 11px 6px;          /* 11px 0 11px 11px*/
}

div.slot .slotButton {
	float: right;
}


div.slot .dijitButton .dijitButtonNode {
	padding: 5px 9px!important;
}


/* Free Slot */

div.freeSlot {
	color: #5c764b;
	border: 1px solid #8DA832;
	background: -moz-linear-gradient(top, #cdd490 0%, #b9ce73 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdd490), color-stop(100%,#b9ce73)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cdd490 0%,#b9ce73 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cdd490 0%,#b9ce73 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #cdd490 0%,#b9ce73 100%); /* IE10+ */
	background: linear-gradient(top, #cdd490 0%,#b9ce73 100%); /* W3C */
}
    /* DayCalendar.html define barra separa horario da descricao*/
div.freeSlot .slotTime {
	border-right: 1px solid #8da832;
}

div.freeSlot .SlotDetails {
	border-left: 1px solid #e0e9ad;
}

/* Reserved to you (user reserved) Slot */

div.userScheduled {
	color: #3992AE;
	border: 1px solid #3992AE;
	background: -moz-linear-gradient(top, #9cdae2 18%, #5fd1e2 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(18%,#9cdae2), color-stop(99%,#5fd1e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #9cdae2 18%,#5fd1e2 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #9cdae2 18%,#5fd1e2 99%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #9cdae2 18%,#5fd1e2 99%); /* IE10+ */
	background: linear-gradient(top, #9cdae2 18%,#5fd1e2 99%); /* W3C */
}

div.userScheduled .slotTime {
	border-right: 1px solid #3992ae;
	padding: 11px;
}

div.userScheduled .SlotDetails {
	border-left: 1px solid #c0dee8;
	line-height: 14px;
	padding: 3px 0 3px 6px;         /*3px 0 3px 11px*/
}
span.agendarByAdm, span.agendarByCli {
    color: #3992ae;
}

/* Temporary Unavaiable Slot */

div.busySlot {
	color: #6D6D6D;
	border: 1px solid #909090;
	background: -moz-linear-gradient(top, #d2d2d2 18%, #b4b4b4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(18%,#d2d2d2), color-stop(100%,#b4b4b4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d2d2d2 18%,#b4b4b4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d2d2d2 18%,#b4b4b4 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #d2d2d2 18%,#b4b4b4 100%); /* IE10+ */
	background: linear-gradient(top, #d2d2d2 18%,#b4b4b4 100%); /* W3C */
}

div.busySlot .slotTime {
	border-right: 1px solid #909090;
	padding: 11px;
}

div.busySlot .SlotDetails {
	border-left: 1px solid #C0C0C0;
	line-height: 14px;
	padding: 3px 0 3px 6px;        /* 3px 0 3px 11px*/
	width: 170px;                  /*214px;*/
}

/* Business Reserved Slot */

div.reservedSlot {
	color: #6D6D6D;
	border: 1px solid #909090;
	background: -moz-linear-gradient(top, #d2d2d2 18%, #b4b4b4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(18%,#d2d2d2), color-stop(100%,#b4b4b4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d2d2d2 18%,#b4b4b4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d2d2d2 18%,#b4b4b4 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #d2d2d2 18%,#b4b4b4 100%); /* IE10+ */
	background: linear-gradient(top, #d2d2d2 18%,#b4b4b4 100%); /* W3C */
}

div.reservedSlot .slotTime {
	border-right: 1px solid #909090;
	padding: 11px;
}

div.reservedSlot .SlotDetails {
	border-left: 1px solid #C0C0C0;
	line-height: 14px;
	padding: 3px 0 3px 6px;            /*3px 0 3px 11px*/
}

.phoneOnly {
	background: url(../images/phone.png) left no-repeat;
	padding-left: 15px;
	font-size: 0.8em;
}
.adminOnly {
	background: url(../images/proibido16.png) left no-repeat;
	padding-left: 15px;
	font-size: 0.8em;
}
.semAgenda {
	background: url(../images/attention16.png) left no-repeat;
	padding-left: 15px;
	font-size: 0.8em;
}
/* Specific Rules */

.dateBox {
	width: 50px;
	background-color: #FFF;
	height: 50px; 
	line-height: 1;
	border: 1px solid #CCC;
	float: left;
	margin-right: 5px;
}

.dateBox span {
	display: block;
    font-weight: bold;
    text-align: center;
}

.dateBox span.dateBoxMonth {
	background: #61b7d1;
	color: #FFFFFF;
	font-size: 0.9em;
	padding: 5px;
}

.dateBox span.dateBoxDay {
	font-size: 1.5em;
        padding-top: 1px;
	color: #4C4C4C;
}

.dateBox span.dateBoxStartTime {	
	font-size: 0.9em;			
        padding-top: 5px;
	color: #4c4c4c;
}
/*  meus agendamentos   16/09/2017*/

.dateBox span.dtBoxYear {
	background: #61b7d1;
	color: #FFFFFF;
	font-size: 0.7em;
	padding: 2px;
}

.dateBox span.dtBoxMonth {
	background: #61b7d1;
	color: #FFFFFF;
	font-size: 0.7em;
	padding: 3px;
}

.dateBox span.dtBoxDay {
	font-size: 0.8em;
        padding-top: 2px;
	color: #4C4C4C;
}

.dateBox span.dtBoxStartTime {	
	color: #4c4c4c;
	font-size: 0.8em;
        padding-top: 7px;
}

/*  meus agendamentos */
.scheduleTimeText {
	font-size: 0.9em;
	font-weight: bold;
	color: #676767;
	display: block;
	padding-top: 10px;
}

.scheduleTimeText p {
	font-weight: normal;
	margin: 0;
}

/* My Schedules */
div.myScheduleHolderHeader {
	width: 100%;
    max-width: 692px;
	margin-bottom: 10px;
	display: inline-block;
}

div.mySchedulesSlot {
	border: 1px solid #c1c1c1;
	color: #646464;
	line-height: 1.4;
	width: 96%;
	padding: 7px 7px 10px 7px;
	background: #f4f4f4;
	display: inline-block;
}

div.mySchedulesScreen {
	line-height: 1.6!important;
	font-size: 1em;
	margin-bottom: 5px;
}

div.mySchedulesSlot span.scheduleDetail {
	display: block;
	margin-top: 6px;
	float: left;
	padding-left: 10px;
	width: 206px;
	font-size: 0.9em;
}

div.mySchedulesSlot span.myScheduleDetail {
	width: 500px;
}
div.mySchedulesWrapper {
	background: #FFF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	float: left;
        max-height: 510px;
	max-width: 692px;
        min-height: 480px;
        overflow: scroll;
        padding-bottom: 2px;
        padding-left: 10px;
	padding-right: 5px;
	padding-top: 2px;
	position: relative;
}

div.mySchedulesSlot strong {
	display: inline;
	float: none;
	margin: 0;
	padding: 0;
}

div.mySchedulesSlot button {
	margin-top: 15px;
}
div.userHolder{
    width: 95%;
    margin-left: 15px;
    padding-left: 10px;
    padding-bottom: 10px;
}
.myScheduleCancelado {
    color: red;
    float: right;
	display: block;
	margin-top: 15px;
	font-size: 14px;
}

.mySchedulesFilter {
	margin-bottom: 17px;
}

/* Cucco Footer  - ver cuccoFooter.css 02/04/2017*/


.feedback {
	background: -moz-linear-gradient(left, #e0902f 0%, #cf6400 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e0902f), color-stop(100%,#cf6400)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #e0902f 0%,#cf6400 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #e0902f 0%,#cf6400 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(left, #e0902f 0%,#cf6400 100%); /* IE10+ */
	background: linear-gradient(left, #e0902f 0%,#cf6400 100%); /* W3C */
	border-width: 1px medium 1px 1px; 
    border-style: solid none solid solid; 
    /* border-color: rgb(255, 255, 255) -moz-use-text-color rgb(255, 255, 255) rgb(255, 255, 255); Error in parsing */
    -moz-border-top-colors: none; 
    -moz-border-right-colors: none; 
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none; 
    -moz-border-image: none; 
    border-radius: 4px 0pt 0pt 4px; 
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.25) inset, 0pt 1px 2px rgba(0, 0, 0, 0.5); 
    font: bold 14px/1em Arial,sans-serif; 
    position: fixed; 
    right: 0pt; 
    top: 50%; 
    z-index: 9999; 
    margin-top: -60px; 
    margin-right: 0px; 
    display: block;
}

.feedback a {
    display: block;
    padding: 10px 12px 10px 8px;
    text-decoration: none;
}

/* Form elements */
div.basicInformation {
	float: left;
	width: 100%;
	padding-right: 2%;
}
div.basicInformation textarea.textArea {
	height: 50px;
}
div.agendaServicos{
    height: 230px;
}

.form75 {
	float: left;
	width: 75%;
	padding-right: 2%;
}
.nomeDescricaoAgenda {
	float: left;
	width: 60%;
	padding-right: 2%;
}
.imagemAgenda {
          display: block;
	        float: left;
   	padding-right: 0;
   	 padding-left: 2%;
            width: 34%;
}
fieldset.clRegrasAgenda{
    margin-top: 20px;
}
div.clResultErroLoad{
    font-size: 0.8em;
    color: #FAA2AA;    
}

table.detalheServico{
    width: 99%;
}
div.imagemPSDesktop{
          display: block;
	        float: left;
   	padding-right: 0;
   	 padding-left: 2%;
            width: 47.95333%;
} 

fieldset.basicInformationPS {
            width: 99%;
	padding-right: 0.5%;
}

.basicInformationPS {
	float: left;
        width: 47.95333%;                    /* width: 47.95333%;  05/04/2017 */
	padding-right: 0.5%;
}

div.basicInformationRedeSocial {
	float: left;
        width: 99%;
	padding-right: 0.5%;
}

div.fieldRedeSocial{
           float: left; 
           width: 49%; 
    padding-left: 4px;
}
    .fieldEquals {
	            float: left;
                width: 48%;                    /* width: 47.95333%;  05/04/2017 */
    	padding-right: 1.0%;
    }
.fieldComplemento {
	float: left;
	width: 22.9%;
	padding-right: 8px;
}

.form50 {
	float: left;
        width: 47.95333%;                    /* width: 47.95333%;  05/04/2017 */
	padding-right: 0.5%;
}

.form25 {
	float: left;
	width: 22.95%;
	padding-right: 8px;
}

.formLastChild {
	padding-right: 0;
	padding-left: 2%;
}

span.optionalField {
	color: #8B8B8B;
}

fieldset {
	margin-bottom: 14px;
}

fieldset table {
	color: #4C4C4C;
}

fieldset table td {
	padding: 0 10px;
}

fieldset table span {
	font-size: 0.8em;
}

fieldset ul li {
	font-size: 0.9em;
	margin: 5px 0;
	color: #4C4C4C;
}
.minhaContaWrapper{
    max-width: 99%;
}
.dadosConta{
	border: 1px solid #ccc;
	max-width: 99%;
	margin-top: 10px;
        margin-left: 0px;
	margin-bottom: 10px;
	padding-top: 10px;
        background-color: #efefef;
}
p.chkboxRdioAlign {
	margin: 0;
	margin-top: 1.2em;
}
p.chkboxRdioMarginTop0 {
	margin: 0;
	margin-top: 0;
}
.chkboxRadioMargin {
    font-size: 0.8em;
    font-style: italic;
	margin: 0;
	margin-top: 0;
}

legend {
	font-size: 1.1em;
	color: #4c4c4c;
	font-style: italic;
	font-weight: bold;
	padding: 0 0 14px 0;
}
label.labelComplemento {
	font-size: 0.8em;
	color: #606060;
}
label.labelComplementoSmall {
	font-size: 0.8em;
	color: #606060;
    display: none;
}
label.formLabel {
	font-size: 0.8em;
	color: #606060;
}
label.formLabelBlack {
	font-size: 0.8em;
	color: #FFFFFF;
}

label.formLabel img {
	vertical-align: middle;
	cursor: pointer;
}

a.lostPassword {
	font-size: 0.8em;
	display: block;
	float: left;
	margin-top: 19px;
}

label.termAcceptLabel {
	font-size: 0.8em;
	color: #4C4C4C;
}

.recoverPass {
	width: 400px;
	float: left;
	padding-right: 20px;
	border-right: 1px solid #CCC;
}

.message {
        -webkit-background-size: 40px 40px;
        -moz-background-size: 40px 40px;
        -o-background-size: 40px 40px;
        background-size: 40px 40px;
        background-image: -webkit-gradient(linear, left top, right bottom,
                                color-stop(.25, rgba(255, 255, 255, .05)), color-stop(.25, transparent),
                                color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)),
                                color-stop(.75, rgba(255, 255, 255, .05)), color-stop(.75, transparent),
                                to(transparent));
        background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                            transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                            transparent 75%, transparent);
        background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                            transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                            transparent 75%, transparent);
        background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                            transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                            transparent 75%, transparent);
        background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                            transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                            transparent 75%, transparent);
        background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                            transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                            transparent 75%, transparent);
         -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
         -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
         box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
         border: 1px solid;
         color: #fff;
         padding: 15px;
         text-shadow: 0 1px 0 rgba(0,0,0,.5);
         -webkit-animation: animate-bg 5s linear infinite;
         -moz-animation: animate-bg 5s linear infinite;
         margin-bottom: 15px;
         font-weight: bold;
}

.message span {
	font-weight: bold;
	color: #FFF!important;
	font-size: 1em;
	display: block;
	padding: 14px 0 14px 52px;
}

.success span {
	background: url(../images/tickSuccess.png) no-repeat;
}

.message img {
	vertical-align: middle;
}

.info {
         background-color: #4ea5cd;
         border-color: #3b8eb5;
}

.error {
         background-color: #FAA2AA;
         border-color: #c43d3d;
}

.warning {
         background-color: #eaaf51;
         border-color: #d99a36;
}

.success {
         background-color: #B9CE73;
         border-color: #55a12c;
}

.textArea {
	width: 99% !important;
	height: 120px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #404040;
}

.textAreaSmall {
	height: 65px;
}

.smallTextArea {
	height: 50px;
}
.length36TextArea {
	height: 36px;
}

.clientComment textarea {
	height: 76px;
	background-color: #fff;
	-webkit-box-shadow: inset 1px 1px rgba(251,251,252,.86);
	-moz-box-shadow: inset 1px 1px rgba(251,251,252,.86);
	box-shadow: inset 1px 1px rgba(251,251,252,.86);
	border: solid 1px rgba(140,140,140,.5);
	background-image: -webkit-linear-gradient(bottom, rgba(221,221,221,.23), rgba(255,255,255,.23) 19%);
	background-image: -moz-linear-gradient(bottom, rgba(221,221,221,.23), rgba(255,255,255,.23) 19%);
	background-image: -o-linear-gradient(bottom, rgba(221,221,221,.23), rgba(255,255,255,.23) 19%);
	background-image: -ms-linear-gradient(bottom, rgba(221,221,221,.23), rgba(255,255,255,.23) 19%);
	background-image: linear-gradient(to top, rgba(221,221,221,.23), rgba(255,255,255,.23) 19%);
	resize:none;
}

.clientComment span {
	display: block;
	background: url(../images/ballonTip.png);
	width: 15px;
	height: 31px;
	position: absolute;
	margin-top: -76px;
	margin-left: 302px;
}

.scheduleNotes {
	background: url(../images/bktScheduleNotes.png);
	width: 304px;
	height: 116px;
	padding-top: 15px;
}

.scheduleNotes label {
	padding-left: 10px;
}

.clientObservation {
	height: 80px;
}

.smallInput {
	width: 50px!important;
}
.smallInputHoras {
	width: 60px!important;
}
.smallInput100 {
	width: 100px!important;
}
.smallInput130 {
	width: 130px;
}
.smallSeparador {
	width: 20px!Important;
        height: 30px!Important;
        text-align: center;
        font-size: 1.2em;
}

.priceInput {
	width: 70px!important;
}

.adminBusinessImage {
	     width: 128px;
	    height: 128px;
    background: url(../images/businessImgPlaceholderEdit.jpg) no-repeat;
}

form.imageUploadForm {
	     float: right;
	     width: 200px;
	margin-top: -35px;
}
form.agendaImageUploadForm {
	        width: 135px;
	margin-bottom: 4px;
}
.agendaImageUpload {
	        width: 132px!important;
	       cursor: pointer!important;
        font-size: 0.7em!important;
}
.agendaImage {
	background: url(../images/businessImgPlaceholderEdit.jpg) no-repeat;
	width: 135px;
	height: 128px;
}

.dojoxFileInput {
	height: auto!important;
	margin-left: 10px;
}
.imageUpload {
	float: left;
	width: 150px!important;
	cursor: pointer!important;
}

/* DOJO TEMA */
/* Regras gerais */

.dijitTextArea {
	font-family: Arial, Verdana, sans-serif;
}

div.dialogDefaultSize {
	max-width: 400px;                         /*400px;  42%960 52%768 100%320 83.33%480*/
}

div.dlgDetalheCliente{
	width: 760px;
}
dlgDetalheCliente div.dialogDetalheAgendaCliente{
	width: 100%;
}
.observacao{
    margin-left: 15px;
}
div.total{
    margin-left: 10px; 
    margin-right: 3px; 
    width: 110px; 
    text-align: center;
}  
div.total h6{
    font-size: 0.9em;
}
.spnDuplicity{
    font-size: 1.0em;
    font-weight: lighter;
}
h6.infoCliente{
    font-size: 0.8em;
}
div.total h6.infoCliente{
    font-size: 0.8em;
}
div.horizontal div.infoPS{
    width: 180px;
}
div.horizontal div.infoPSBig{
    width: 400px;
}
div.infoPS label.formlabelPS{
    font-size: 0.8em;
    text-align: left;
}
div.total .formlabelPS{
    font-size: 0.8em;
    text-align: left;
}

div.dialogHalfSize {
	width: 280px;
}

div.dialogDefaultSize button.action {
	margin-top: 20px;
}

.dijitTextBox {
  	width: 99.4%;
  	margin: 7px 0;
  	border-radius: 3px;
  	-moz-border-radius: 3px;
  	-webkit-border-radius: 3px;
}

.claro .dojoxMultiSelect {
  	width: 97.5%;
  	margin-top: 10px;
  	padding: 5px;
  	border-radius: 3px;
  	-moz-border-radius: 3px;
  	-webkit-border-radius: 3px;
  	height: auto!important;
}

.dojoxMultiSelectItem {
	float: left;
	padding-bottom: 8px;
	padding-right: 20px;
}

.dijitInput50 {
	width: 49%!important;
}

.dijitInputInner {
	padding: 5.6px!important;
	font-size: 0.9em;
	color: #4C4C4C;
	position: relative;
	/*background: -webkit-gradient(linear, 0 0, 0 70%, from(#f8f8f8), to(#f1f1f1));
	background: -webkit-linear-gradient(#f8f8f8, #f1f1f1 70%);
	background: -moz-linear-gradient(#f8f8f8, #f1f1f1 70%);
	background: -ms-linear-gradient(#f8f8f8, #f1f1f1 70%);
	background: -o-linear-gradient(#f8f8f8, #f1f1f1 70%);
	background: linear-gradient(#f8f8f8, #f1f1f1 70%);*/
	background: #f1f1f1;
}

.claro .dijitTextBoxHover .dijitInputInner {
  background-color: #e9f4fe;
  background-repeat: repeat-x;
}

.dijitTextBox  {
	-moz-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.06) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-webkit-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.06) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	box-shadow:0px 0px 0px 3px rgba(0,0,0,0.06) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe5ff99,endColorstr=#ffdcff73,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe5ff99,endColorstr=#ffdcff73,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3);
		outline: none;
}

.dijitTextBoxFocused {
	border: 1px solid #58C1EF;
 		-moz-box-shadow:0 0 5px rgba(88, 193, 239, 1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-webkit-box-shadow:0 0 5px rgba(88, 193, 239, 1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	box-shadow:0 0 5px rgba(88, 193, 239, 1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe5ff99,endColorstr=#ffdcff73,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe5ff99,endColorstr=#ffdcff73,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3);
}

table.dijitSelect {
	width: 100%;
	margin: 5px 0;
	position: relative;
	background: -webkit-gradient(linear, 0 0, 0 70%, from(#f8f8f8), to(#f1f1f1));
	background: -webkit-linear-gradient(#f8f8f8, #f1f1f1 70%);
	background: -moz-linear-gradient(#f8f8f8, #f1f1f1 70%);
	background: -ms-linear-gradient(#f8f8f8, #f1f1f1 70%);
	background: -o-linear-gradient(#f8f8f8, #f1f1f1 70%);
	background: linear-gradient(#f8f8f8, #f1f1f1 70%);
}

.dijitComboBoxMenuPopup {
	font-size: 0.9em!important;
	color: #4C4C4C!important;
}

.dojoxMultiSelectItemLabel {
	font-size: 0.9em!important;
	color: #4C4C4C!important;
}

table.dijitSelect td {
	width: 100%;
}

table.dijitSelect td.dijitStretch {
	padding: 4px!important;
	font-size: 1em;
	color: #b8b8b8;
}

.claro .dijitComboBox {
	font-size: 1em;
}

.claro .dijitComboBox .dijitButtonNode {
	height: 28px!important;
}

.claro .dijitComboBox .dijitHasDropDownOpen {
	height: 28px!important;
}

.claro .dijitComboBox .dijitArrowButtonInner {
	height: 26px!important;
}

.dijitMenuItemLabel {
	padding: 6px!important;
	font-size: 1em;
	color: #4c4c4c;
}

.dijitExpandingTextArea {
	font-family: Arial, Verdana, sans-serif;
	padding: 6px!important;
	font-size: 1em;
	color: #b8b8b8;
	position: relative;
	background: -webkit-gradient(linear, 0 0, 0 70%, from(#f8f8f8), to(#f1f1f1));
	background: -webkit-linear-gradient(#f8f8f8, #f1f1f1 70%);
	background: -moz-linear-gradient(#f8f8f8, #f1f1f1 70%);
	background: -ms-linear-gradient(#f8f8f8, #f1f1f1 70%);
	background: -o-linear-gradient(#f8f8f8, #f1f1f1 70%);
	background: linear-gradient(#f8f8f8, #f1f1f1 70%);
}

.dijitExpandingTextArea[rows] {
	min-height: 160px;
}

.dijitDialog {
    min-height: 380px;                  /*definir tamanho minimo para dialog*/
    position: absolute;
	overflow: visible;
	padding: 0.5px 0.5px 3px 3px;
	background: rgba(97,183,209,1.0); /*#61b7d1 (130, 155, 255, 1.0) transparent: 0.0 fully  1.0 not */
	border: none!important;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
        border-radius: 10px;
        max-width: calc(100% - 20px);
        max-height: calc(100% - 80px);
        overflow: scroll;
        draggable: false;
        
}

.dijitDialogTitleBar {
	border: none!important;
	background-image: none!important;
	background: none!important;
	padding: 15px 7px!important;            /*15px 0: top e bottom are 15px, right e left are 0px*/
}

.dijitDialogTitle {
	color: #000;
	font-size: 1.2em!important;
	font-weight: bold;
}


.dijitDialogCloseIcon {
	background: url(../images/closeDialog.png) no-repeat!important;
	width: 20px!important;
	height: 20px!important;
	margin-right: 5px;
}

.dijitDialogPaneContent {
	border: none!important;
	padding: 0!important;
	background: #f1f1f1!important;
}

.fullLogin {
	max-width: 300px;
        height: 400px;
	padding: 20px;
	margin: 50px auto;
	background: #efefef;
	border: 1px solid #CCC;
	box-shadow: 0 0 5px #CCC;
}

.fullLogin h2 {
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	margin: 10px 0 20px 0;
}
/*Most browsers will display the <hr> element with the following default values: border-width:1.0px*/
fieldset.boxCinza hr.tracoFino {
     border-style: inset;
     border-width: 0.2px;
     color: #d5d5d5;
}
div.fullLogin hr.loginTraco{ 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 0.4px;
}

.dialogLogin {
	max-width: 300px;
	padding-right: 10px;
}

.dialogLogin .dijitButton {
	margin-top: 10px;
}

.dialogSignUp {
	width: 300px;
	float: left;
	padding-left: 20px;
}

.claro .dijitTooltipContainer {
  background-color: #3b3b3b;
  background-image: url(../images/tooltipGradient.png);
  background-repeat: repeat-x;
  background-position: bottom;
  border: 1px solid #3f3f3f;
  padding: 6px 8px;
  font-size: 0.8em;
  color: #FFF;
  max-width: 150px;
  line-height: 1.2;
}

.dijitTooltipConnector {
  left: 20px;
  background-image: url(../images/tooltip.png)!important;
}

.dj_ie6 .claro .dijitTooltipConnector {
  background-image: url(../images/tooltip8bit.png)!important;
}
.dijitInputContainer {
	height: 28px!important;
}
.dijitValidationContainer {
	background: url("../images/error.png") 17px -2px !important;
	height: 26px!important;
}

.claro .dijitTextBox .dijitInputField {
	padding: 0;
}

.dijitPlaceHolder {
	padding: 6px 5px 5px!important;
	font-size: 0.9em;
}

.dijitDialog div.dialogHeader {
	position: relative;
	background: -webkit-gradient(linear, 0 0, 0 70%, from(#f1f1f1), to(#e7e7e7));
	background: -webkit-linear-gradient(#f1f1f1, #e7e7e7 70%);
	background: -moz-linear-gradient(#f1f1f1, #e7e7e7 70%);
	background: -ms-linear-gradient(#f1f1f1, #e7e7e7 70%);
	background: -o-linear-gradient(#f1f1f1, #e7e7e7 70%);
	background: linear-gradient(#f1f1f1, #e7e7e7 70%);
	padding: 16px;
	-moz-box-shadow: 0 1.9px 2px #CCCCCC;
	-webkit-box-shadow: 0 1.9px 2px #CCCCCC;
	box-shadow: 0 1.9px 2px #CCCCCC;
}

.dijitDialog div.dialogSection h2 {
	line-height: 1.2;
	font-size: 1em;
	color: #676767;
	margin-bottom: 10px;
	font-weight: bold;
}

.dijitDialog div.dialogSection ul {
	list-style-type: square;
	margin-left: 20px;
	margin-top: 25px;
}

.dijitDialog div.dialogSection ul li {
	color: #606060;
	padding: 5px 0;
}

.dijitDialog div.dialogSection ul li span {
	color: #424D6A;
	font-weight: bold;
}

.dijitDialog div.dialogSection a {
	text-decoration: none;
}

.dijitDialog div.dialogSection a:hover {
	text-decoration: underline;
}


.dijitDialog div.dialogSection  {
	padding: 16px;
}
.dijitDialog div.dialogSection div.infoBoxLength {
	max-width: 390px;
}

.dijitDialog div.divClientePhone{
    max-width: 300px;
}
/* GRID DOJO */

.btnToolbar {
	   padding: 10px 0;
    margin-top: 9px;
}
.btnToolbarClients{
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.btnToolbarPrestadores{
    padding-top: 17px;
    margin-top: 0px;
    margin-bottom: 0px;
}
div.paneBloqueio div.gridBox{
    height: 100px;
    font-size: 0.8em;
    overflow: scroll;
}
.menuBarItem {
       text-align: center;
    border-radius: 5px 5px 0 0;
           border: solid 1px;
        font-size: 0.8em;
}

.financeIn {
    max-width: 80px;
    height: 24px;
}
fieldset .financeFld {
    height: 24px;
}
.telaFinanceira {
    background-color:#888888; 
               color: white; 
               width: 277px; 
             padding: 8px;
}
.gridFinanceiro {
	   height: 250px;
    font-size: 0.8em;
        width: 100%;
}
div.gridResumoAgenda{
           height: 400px;
            width: 99%;
	  font-family: Arial Narrow, Verdana, sans-serif;
	    font-size: 0.8em;            
}
div.gridPlanilhaWrapper div.gridPlanilha, div.gridPlanilhaWrapper div.gridTotalPrestador{        
	       height: 430px;
    border-bottom: solid 1px gray;
       border-top: solid 2px black;
      border-left: solid 2px black; 
      font-family: "Courier new",Arial, sans-serif;
        font-size: 0.8em;
      width: 100%;
}

.gridTotalPrestador {
	   height: 428px;
    font-size: 0.9em;
        width: 100%;
}

.dojoxGrid {
	font-size: 0.9em!important;
	    color: #4C4C4C!important;
	   border: none;
}

.dojoxGridRowTable td.dojoxGridCell {
	padding: 5px 0;
}

.dojoxGridRowTable th.dojoxGridCell {
	font-weight: bold;
	font-size: 0.8em;
}

/* dojox grid enhanced plugins Filter */
.dojoxGridFDPaneBtns .dijitButton{
	color: black;
	font-size: 0.7em;
    font-family: Helvetica, Lucida,sans-serif;
}
/* Alterado em 25/05/2021 by Acalguim. Inicio */
/* dojox grid enhanced plugins Pagination #72c9e4 0%, #59afc8 100%*/
.dojoxGridDialogMargin, .dojoxGridDialogButton .dijitButton{
    color: black;
    font-family: Helvetica, Lucida, sans-serif;
    font-size: 0.8em;
}
.dojoxGridFilterButtonsWrapper_z{
    padding-top: 9.0px;
}
.dojoxGridFilterButtonsWrapper_z span{
    color: rgba(130,130,130);
    font-size: 0.9em;
}
.dojoxGridFilterButtonsWrapper_z span:hover {
	 color: #F79C33;
    cursor: pointer;
    font-family: Courier New, Verdana, sans-serif;
	-moz-box-shadow: 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) 
        inset, 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 transparent, 0 0 0 transparent;
	-webkit-box-shadow: 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) 
        inset, 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 transparent, 0 0 0 transparent;
	box-shadow: 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) 
        inset, 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 transparent, 0 0 0 transparent;
}/*dojoxGridFDPaneAddCBoxBtn*/
/* Fim. Alterado em 25/05/2021 by Acalguim. */

/* Buttons */

.claro .mainAction .dijitButtonNode,
.claro .mainActionMo .dijitButtonNode,
.claro .secondaryAction .dijitButtonNode,
.claro .featuredAction .dijitButtonNode,
.claro .deleteAction .dijitButtonNode,
.claro .calCtrlBtn .dijitButtonNode {
	background: none;
	border: none;
}

.dijitButton:hover {
	-moz-box-shadow: 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 5px rgba(0, 0, 0, 0.4), 0 0 0 transparent, 0 0 0 transparent;
	-webkit-box-shadow: 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 5px rgba(0, 0, 0, 0.4), 0 0 0 transparent, 0 0 0 transparent;
	box-shadow: 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 5px rgba(0, 0, 0, 0.4), 0 0 0 transparent, 0 0 0 transparent;
}

.dijitButton:active {
	-moz-box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.9) inset, 0 0 0 transparent, 0 0 0 transparent;
	-webkit-box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.9) inset, 0 0 0 transparent, 0 0 0 transparent;
	box-shadow: 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.4) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.9) inset, 0 0 0 transparent, 0 0 0 transparent;
}

.dijitButton {
	color: #FFF;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 1em;
	border: 1px solid #ccc;
	outline: none;
	-moz-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.06) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-webkit-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.06) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	box-shadow:0px 0px 0px 3px rgba(0,0,0,0.06) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe5ff99,endColorstr=#ffdcff73,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe5ff99,endColorstr=#ffdcff73,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3);
}

.dijitButton .dijitButtonNode:hover {
	color: #FFF!important;
}

.dijitButton .dijitButtonNode {
	padding: 5px 12px!important;
	box-shadow: none!important;
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;
}

.btnPrev, .btnNext {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	float: left;
	border: 1px solid #adadad;
	color: #9a9a9a;
	text-shadow: 1px 1px #f2f2f2;
	text-decoration: none;
	font-size: 1em;
	margin: 0 2px;
	cursor: pointer;
	position: relative;
	background: -moz-linear-gradient(top, #d7d7d7 0%, #c7c7c7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7d7d7), color-stop(100%,#c7c7c7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d7d7d7 0%,#c7c7c7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d7d7d7 0%,#c7c7c7 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #d7d7d7 0%,#c7c7c7 100%); /* IE10+ */
	background: linear-gradient(top, #d7d7d7 0%,#c7c7c7 100%); /* W3C */
}

.btnPrev:hover, .btnNext:hover {
	color: #F2F2F2;
	text-shadow: 1px 1px #CCC;
	background: -moz-linear-gradient(top, #f0f0f0 0%, #e5e5e5 2%, #d3d3d3 48%, #cecece 49%, #979797 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(2%,#e5e5e5), color-stop(48%,#d3d3d3), color-stop(49%,#cecece), color-stop(100%,#979797)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f0f0f0 0%,#e5e5e5 2%,#d3d3d3 48%,#cecece 49%,#979797 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f0f0f0 0%,#e5e5e5 2%,#d3d3d3 48%,#cecece 49%,#979797 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f0f0f0 0%,#e5e5e5 2%,#d3d3d3 48%,#cecece 49%,#979797 100%); /* IE10+ */
	background: linear-gradient(top, #f0f0f0 0%,#e5e5e5 2%,#d3d3d3 48%,#cecece 49%,#979797 100%); /* W3C */
}

.btnPrev .dijitButtonNode, .btnNext .dijitButtonNode {
	padding: 6px 18px!important;
}

.mainAction {
	border: 1px solid #7fa51b;
	text-shadow: 1px 1px #5C6C23;
	background: -moz-linear-gradient(top, #d3de5d 20%, #a0c04a 100%)!important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#d3de5d), 
            color-stop(100%,#a0c04a))!important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d3de5d 20%,#a0c04a 100%)!important;/*Chrome10+,Safari5.1+*/
	background: -o-linear-gradient(top, #d3de5d 20%,#a0c04a 100%)!important; /* Opera11.10+ */
	background: -ms-linear-gradient(top, #d3de5d 20%,#a0c04a 100%)!important; /* IE10+ */
	background: linear-gradient(top, #d3de5d 20%,#a0c04a 100%)!important; /* W3C */
}

.mainActionMo {
     font-size: 0.8em;
	border: 1px solid #7fa51b;
   text-shadow: 1px 1px #5C6C23;
    background: -moz-linear-gradient(top, #d3de5d 20%, #a0c04a 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#d3de5d), 
                    color-stop(100%,#a0c04a))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d3de5d 20%,#a0c04a 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d3de5d 20%,#a0c04a 100%)!important; /* Opera11.10+ */
    background: -ms-linear-gradient(top, #d3de5d 20%,#a0c04a 100%)!important; /* IE10+ */
    background: linear-gradient(top, #d3de5d 20%,#a0c04a 100%)!important; /* W3C */
}
.mainActionMo .dijitButtonNode {
	color: #FFF!important;
}

.secondaryAction {
     font-size: 0.8em;
	border: 1px solid #598fb7;
	text-shadow: 1px 1px #598fb7;
	background: -moz-linear-gradient(top, #72c9e4 0%, #59afc8 100%)!important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#72c9e4), color-stop(100%,#59afc8))!important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #72c9e4 0%,#59afc8 100%)!important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #72c9e4 0%,#59afc8 100%)!important; /* Opera11.10+ */
	background: -ms-linear-gradient(top, #72c9e4 0%,#59afc8 100%)!important; /* IE10+ */
	background: linear-gradient(top, #72c9e4 0%,#59afc8 100%)!important; /* W3C */
}

.deleteAction {
	border: 1px solid #7E0006;
	text-shadow: 1px 1px #7E0006;
	background: -moz-linear-gradient(top, #ef4758 0%, #e1273f 100%)!important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef4758), color-stop(100%,#e1273f))!important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ef4758 0%,#e1273f 100%)!important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ef4758 0%,#e1273f 100%)!important; /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ef4758 0%,#e1273f 100%)!important; /* IE10+ */
	background: linear-gradient(top, #ef4758 0%,#e1273f 100%)!important; /* W3C */
}

.featuredAction {
	border: 1px solid #b98e51;
	text-shadow: 1px 1px #b67a1b;
	background: -moz-linear-gradient(top, #ebb456 0%, #d18e24 100%)!important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebb456), color-stop(100%,#d18e24))!important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ebb456 0%,#d18e24 100%)!important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ebb456 0%,#d18e24 100%)!important; /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ebb456 0%,#d18e24 100%)!important; /* IE10+ */
	background: linear-gradient(top, #ebb456 0%,#d18e24 100%)!important; /* W3C */
}

.small {
	font-size: 0.8em;
	margin: 5px 2px;
}

.divWrapper .dijitReset{
	font-size: 0.95em;
    font-family: Courier New, Verdana, sans-serif;
    color: black;
}

.mainAction .dijitButtonNode {
	color: #FFF!important;
}

.dojoxBusyButtonIcon {
	background-image: url(../images/ajax-loader.gif);
	width: 16px;
	height: 16px;
}

.dijitEditorIFrame {
	height: auto!important;
}

.dijitEditor span {
	box-shadow: none!important;
	-moz-box-shadow: none!important;
	-webkit-box-shadow: none!important;
}

.dijitEditor .dijitButton {
	font-weight: normal ;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.dijitEditor .dijitButton .dijitButtonNode {
	padding: 2px!important;
	background-image: url(../images/commonHighlight.png);
}

.dijitEditor .dijitHover {
	padding: 0!important;
}

.claro .dijitButtonHover .dijitButtonNode,
.claro .dijitDropDownButtonHover .dijitButtonNode,
.claro .dijitComboButton .dijitButtonNodeHover,
.claro .dijitComboButton .dijitDownArrowButtonHover,
.claro .dijitToggleButtonHover .dijitButtonNode {
  color: #FFF!important;
}

/* BUTTON ICONS */

.add {
  background: url(../images/icons.png) 0px 0px no-repeat;
  width: 13px;
  height: 14px;
}

.delete {
  background: url(../images/icons.png) -15px 0px no-repeat;
  width: 12px;
  height: 13px;
}

.edit {
  background: url(../images/icons.png) -29px 0px no-repeat;
  width: 12px;
  height: 13px;
}

/* Busy user feedback overlay */

div.BusyOverlay {
    position: absolute;
    height: 100% !important;
    top: 0px;
    bottom: 0px !important;
    left: 0px;
    right: 0px;
    background-color: white;
    opacity: 0.8;
   /* filter:alpha(opacity=80); /* For IE8 and earlier  Error in parsing */
    float: left;
    z-index: 900;
}
div.BusyOverlay > div {         /*vale pra todas div's de primeiro nivel abaixo de BusyOverlay*/
    position: absolute;
    top: 180px;
    left: 0px;
    right: 0px;
    text-align: center;
}

/* Action screens */
        /*incluido em 03/04/2017 - view/prestador/404.phtml */
img.bkgImage {
			/* Set rules to fill background */
    min-height: 383px;
    min-width: 320px;
			
			/* Set up proportionate scaling */
    width: 100%;
    height: auto;
			
			/* Set up positioning */
    position: relative;
    top: 0;
    left: 0;
}

div.notFoundBkg {
	/*width: 90.83333%;                          /* 920px/960*/;
	height: auto!important;
	background: #CACA95 url(../images/cucco404.jpg) no-repeat!important; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
        
}

div.notFoundBkg ul {
	padding-top: 25px;
	padding-left: 25px;
}

div.notFoundBkg ul li {
	padding-bottom: 10px;
	font-size: 18px;
}

div.notFoundBkg ul li a {
	color: #FFF;
	text-decoration: none;
}

div.notFoundBkg ul li a:hover {
	text-decoration: underline;
}

div.notFoundBkg h3 {
	color: #FFF;
}

div.notFoundBkg .small {
	font-size: 14px;
}

div.recoverPassBkg {
	width: 95.710833%;                    /*890px/960px;*/
	height: 353px;
	background: url(../images/cuccoRecupera.jpg) no-repeat;
        background-size: contain;
	padding-top: 30px;
	padding-left: 30px;
}

div.recoveredPassBkg {
	width: 95.710833%;                    /*890px/960px;*/
	height: 353px;
	background: url(../images/cuccoRecuperou.jpg);
	padding-top: 30px;
	padding-left: 30px;
}

div.imgBkgGraySquare {
        width: 100%;
	max-width: 300px;
	height: 190px;
	padding: 20px;
	background: #f1f1f1;
	color: #717171;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.passSent {
	line-height: 1.5;
	margin-top: 32px;
	background: url(../images/tickSuccess.png) no-repeat center top;
	padding-top: 50px;
	text-align: center;
}

div.recoveredPassBkg div.imgBkgGraySquare {
	height: 132px;
}

div.imgBkgGraySquare h3 {
	line-height: 1.2em;
}

div.imgBkgGraySquare label {
	color: #A3A3A3;
}

div.confirmEmail {
	display: block;
	padding-top: 90px;
	background: url(../images/mail.png) top center no-repeat;
}

.newPassword {
	font-size: 32px;
}

/* Administration style */

div.div40 {
	width: 45%;
	float: left;
}

div.div60 {
	width: 50%;
	padding-left: 5%;
	float: left;
	background: url(../images/bkgSeparator.png) left no-repeat;
}

.div40 h3, .div60 h3 {
	margin: 20px 0;
}
div.selecionarAgenda{
    width: 92%;
}
table.calDaysCreation {
	font-size: 0.9em;
	color: #4C4C4C;
}

table.calDaysCreation td {
	padding: 0 8px;                 /*8px*/
}

table.calDaysCreation td .dijitTextBox {
	width: 46px!important;                      /*50px*/
}

table.calDaysCreation td img {
	vertical-align: middle;
}

table.calDaysCreation tr.zebra {
}

table td.weekDayCreation {
	width: 30px;
}

table td.timeDayCreation {
	width: 165px;
}
    /* Agenda - incluir*/
div.parametrizacaoAgenda{
	color: #4c4c4c;
	margin-bottom: 10px;
	font-size: 1.0em;
	background: #efefef;
	border: 1px solid #CCC;
        max-height: 460px;
        overflow: scroll;
        padding: 10px;
}
div.parametrizacaoAgenda h4 {
	margin-bottom: 0;
	font-size: 1.0em;
}

div.schedulyPolicyOptions{
	color: #4c4c4c;
	margin-bottom: 10px;
	line-height: 1.2em;
	background: #efefef;
	padding: 10px;
	border: 1px solid #CCC;
	font-size: 14px;
}
div.financeiroHist{
	color: #4c4c4c;
	line-height: 0.8em;
	/*background: #efefef; border: 1px solid #CCC;*/
	padding-left: 10px;
        padding-right: 8px;
	font-size: 1.0em;
        text-align: justify;
}

div.schedulyPolicyOptions h4 {
	margin-bottom: 0;
	font-size: 16px;
}

div.schedulyPolicyOptions label {
	font-size: 1.0em;
}
    /* Configuration: bloqueio de períodos Inicio... */

div.schedulyPolicyOptions label.configBloqueio {
            color:#008800; 
           cursor:pointer; 
}
    /* Configuration: bloqueio de períodos  Final... */

.formTip {
	background: #F2F2F2;
	padding-top: 20px;
	padding-bottom: 10px;
	margin-top: 70px;
}

.mapSize {
	width:330px; 
	height:200px;
}

.termsUse {
    line-height: 18px;
    font-size: 12px;
}

.mapText h3 {
	color: #424d6a;
}

.confirmationAlert {
	position: fixed;
	display: none;
	text-align: center;
	top: 0;
	left: 0;
	width: 100%;
}

.dojoxInputNode {
	left: 0!important;
	cursor: pointer!important;
}

.divisaoHorario {
	background: #efefef;
	border: 1px solid #CCC;
	padding: 06px;
}

.exemplosDivisao {
	width: 145px;           /*154px*/
	float: left;
}

.exemplosDivisao img {
	border: 1px solid #CCC;
        width: 140px;
        height: 132px;
}


.obrigatorio {
	color: red;
}

p.completeInformation {
	display: block;
	position: absolute;
	margin-top: 245px;
	margin-left: 272px;
}

.loginButton {
	color: #FFF;
	margin-left: 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-decoration: none!important;
	background: url(../images/bkgBtnLogin.jpg);
	display: inline-block;
}

.loginButton:hover {
	color: #000;
	text-decoration: none!important;
	/* text-shadow: #FFF;  Error in parsing value */
}


.btnALogin {
	display: block;
	float: right;
	cursor: pointer;
	padding: 8px 16px;
	border-left: 1px solid #C08D1E;
	border-right: 1px solid #C08D1E;
}

.scheduleDisabled {
	text-align: center;
}

.btnCount {
	margin-left: 116px;
}

.voteNumber {
	background: #e3e3e3;
	border: 1px solid #c6c6c6;
	float: left;
	padding: 6px;
	font-size: 12px;
	margin-top: 5px;
}

.scheduleDisabled .secondaryAction {
	float: left;
}

div.clDivulgacao{
    overflow: scroll;
}
.tableButtons tr td {
	padding: 5px;
	border: 1px solid #CCC;
	vertical-align: middle;
	text-align: center;
}

.tableButtons textarea {
	font-size: 12px;
}

.pgtoPendente {
	color: red;
}

.curtirFB {
	float: right;
	padding-right: 5px;
	font-weight: normal;
}

.fb-like {
	margin-top: -3px;
	float: right;
}

.infoZerada h2 {
	font-weight: normal!important;
}

.infoZerada h2 strong {
	color: #424d6a;
}

ul.checkList {
	display: block;
	background: #efefef;
	border: 1px solid #CCC;
}

ul.checkList li {
	padding: 20px;
	border-bottom: 1px solid #CCC;
	color: #5a5a5a;
	height: 22px;
}

ul.checkList strong {
	float: left;
	display: block;
	padding: 3px;
}

ul.checkList .btnALogin {
	float: left;
	margin-top: -6px;
	font-size: 14px;
}

ul.checkList li.checked {
	color: #9b9b9b;
	padding: 20px;
}

ul.checkList li.checked span {
	display: block;
	padding-left: 40px;
	padding-top: 13px;
	margin-top: -12px;
	background: url(../images/tick.png) no-repeat left center;
	height: 32px;
	float: left;
	text-decoration: line-through;
}

.trial, .trial span {
	padding: 10px;
	font-size: 12px;
	font-weight: normal;
}

.trial span {
	display: inline;
}

a.close {
	background: url(../images/closeNotification.png);
	    width: 18px;
	  height: 18px;
	 display: block;
	    float: right;
	margin-top: -3px;
}

.boxDefault{
    border-left: 2.5px solid #888888; 
    border-top: 2.5px solid #888888; 
    border-right: 0.5px solid #888888;
    border-bottom: 0.5px solid #888888; 
    border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
    padding: 8px;
    margin-bottom: 8px;
    overflow: scroll;        
}

fieldSet.boxCinza{
               border: 1px solid #CCC;
	           padding: 10px;
	         background: #efefef;
	  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	       border-radius: 5px;
	         margin-top: 10px;
	     margin-bottom: 10px;
            overflow: scroll;        
}
div.boxCinzaAgendaEdit {
               border: 1px solid #CCC;
	           padding: 10px;
	         background: #efefef;
	  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	       border-radius: 5px; 
	         margin-top: 10px;
	     margin-bottom: 10px;        
}

div.vForm fieldset.boxCinza {
    max-height: 370px;
}
div.dialogSection fieldset.boxCinza {
      padding-top: 0px;
    padding-bottom: 1px;
        font-size: 0.7em; 
       max-width: 320px;    
}
fieldset.boxCinzaDuplicity {
               border: 1px solid #CCC;
	           padding: 10px;
	         background: #e4e4e4;
	  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	       border-radius: 5px; 
	         margin-top: 10px;
	     margin-bottom: 10px;        
	     margin-right: 10px;        
        font-size: 1.0em; 
       max-width: 540px;    
}
div.dialogSection fieldset.boxCinza div.entradaData{
    font-size: 1.3em;
    max-width: 93px;
}
div.dialogSection fieldset.boxCinza div.cmbOpcaoSmall{
    font-size: 1.3em;
    max-width: 78px;
      margin: 0px;
    padding: 0px;
}
div.dialogSection div.buttons{
    padding-top: 60px;
}
.boxCinza h4 {
	margin-top: 8px;
}

div.fusoHorarioWrapper fieldset.boxCinza .fusoHorario{
     width:40%;
}
div.fusoHorarioWrapper fieldset.boxCinza span.horarioDST{
    font-size: 0.8em; 
    font-style: italic;
    font-weight: lighter;
}
div.fusoHorarioWrapper fieldset.boxCinza div.marqueAqui{
    width: 150px;
}
div.fusoHorarioWrapper fieldset.boxCinza div.inicioDST, div.fusoHorarioWrapper fieldset.boxCinza div.fimDST{
    width: 135px;
    margin-left: 8px;    
}
div.fusoHorarioWrapper div.notasDST{
    width: 100%;
}
div.fusoHorarioWrapper div.diferUTCGMT input{
    font-style: italic;
    font-weight:lighter;
    color: black;
}
.box40 {
	float: left;
	width: 45%;
}

.box60 {
	float: left;
	width: 55%;
}

/* WIZZARD */

.introWizzard {
	 background: url(../images/cuccoAssist.png) no-repeat left center;
	padding-left: 320px;
	  text-align: center;
	  padding-top: 60px;
	padding-bottom: 40px;
}

.bigButton {
	font-size: 32px;
}

.bigText {
	font-size: 14px;
}

.holderHeader h1 {
	text-transform: none;
}

.holderHeader h1 iframe {
	margin-left: 10px;
}

.holderHeader h1 span {
	font-weight: normal;
	color: #4C4C4C;
}

.progressTracker {
	 background: url(../images/wizzProgress.jpg) top center no-repeat;
	      height: 60px; 
	margin-bottom: 35px;
}

.track2 {
	background: url(../images/wizzProgress.jpg) 17px -60px no-repeat;
}

.track3 {
	background: url(../images/wizzProgress.jpg) 17px -123px no-repeat;
}

.track4 {
	background: url(../images/wizzProgress.jpg) 17px -185px no-repeat;
}

.progressTracker a {
	    display: block;
	       float: left;
	   text-align: center;
	       padding: 8px 5px;
	text-decoration: none;
	   line-height: 36px;
	        color: #c7c7c7;
}

.progressTracker a:hover {
	color: #c7c7c7;
}

.progressTracker .step1 {
	margin-right: 171px;
}

.progressTracker .step2 {
	margin-right: 191px;
}

.progressTracker .step3 {
	margin-right: 185px;
}

.progressTracker .active {
	color: #424d6a;
}

.progressTracker .done span {
	color: #FFF;
}

.progressTracker .done {
	color: #7aba6e;
}
.progressTracker .active span {
	color: #FFF;
}

.progressTracker a span {
	font-size: 22px;
	font-weight: bold;
}

.formInputs {
	float: left;
	width: 658px;
}

.formInputs table td {
	padding-left: 20px;
	color: #4c4c4c;
}

.formTips {
	float: left;
	background: #e4e4e4;
	border: 1px solid #9e9e9e;
	padding: 10px;
	width: 180px;
	margin-left: 20px;
}

.closeWizzard {
	float: left;
}

.holderRepeat {
	background: #efefef;
	border: 1px solid #CCC;
	padding: 10px;
	margin-bottom: 10px;
}

.shareSocial {
	float: left;
	width: 26%;
}

.shareBusiness {
	float: left;
}

.btnSmall {
	font-size: 0.8em;
	margin: 5px 2px;
        float: right!important;
}
.btnSmallLength {
    height: 25px;
    width: 140px;
}
.btnLeft {
    float: left!important;
}
.btnRight {
    float: right!important;
}
li.checkedSemTraco span {
    	color: #9b9b9b;
	padding: 20px;
	display: block;
	padding-left: 40px;
	padding-top: 13px;
	margin-top: -12px;
	background: url(../images/tick.png) no-repeat left center;
	height: 25px;
	/*text-decoration: line-through;*/
}
ul.checkListSmall li {
	padding: 20px;
	border-bottom: 1px solid #CCC;
	color: #5a5a5a;
	height: 16px;      /*22*/
}

button.disabledTrue {
    disabled: true;
}
.h3Font {
        font-size: 24px!important;
	font-family: 'Lobster Two', cursive;
	font-weight: bold;
}
.ocultaMenu {
    opacity: 0.0;
    visibility: hidden;
}

.btnOpacity {
    opacity: 0.3;
}

.finalAssistente {
    disabled: true
}
.divFinalizar {
    display: block;
}
.divAssistTutorial{
    display: none;
}

div.videoContent {
	float: right;
	background: #ddd;
	padding: 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	width: auto;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	position: relative;
	min-height: 410px;

	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 15px;
}

.agendaGrpRed{
	color: #FF0000;
	font-weight: bold;
}
.agendaGrpGreen{
	color: #008000;
	font-weight: bold;
}
/*  GroupAppointmentInfo.html  AppointmentInfo.Html*/

div.groupAppSection, div.infoAppSection{
    width: calc(100%);
    max-height: 520px;
    overflow: scroll;
}


div.groupAppListClient div.groupScheduleSlot {
        float: left;
	border: 1px solid #c1c1c1;
	color: #848484;
	line-height: 1.4;
        font-size: 1.0em;
	width: 274px;
	padding: 7px 0px 10px 0px;
	background: #f4f4f4;
	display: inline-block;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
}
div.infoAppSlotMo {
	         border: 1px solid #c1c1c1;
	          color: #848484;
                  width: 88.5%;                /*90.2%;*/
	    line-height: 1.4;
	        padding: 7px 7px 10px 7px;
            margin-left: 10px;
           margin-right: 10px;
	     background: #f4f4f4;
	        display: inline-block;
     -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
        -moz-box-shadow: 0px 5px 5px #aaaaaa;
     -webkit-box-shadow: 0px 5px 5px #aaaaaa;
             box-shadow:  0px 5px 5px #aaaaaa;
}
div.infoAppSlot {
	         border: 1px solid #c1c1c1;
	          color: #848484;
                  width: 94%;
	    line-height: 1.4;
	        padding: 7px 7px 10px 7px;
            margin-left: 10px;
          /* margin-right: 10px;*/
	     background: #f4f4f4;
	        display: inline-block;
     -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}
div.groupAppListClient div.groupClient {
       float: right;
       width: 280px;
padding-left: 10px;
}

div.groupAppListClient {
       width: 95%;
padding-left: 10px;
}

div.groupScheduleSlot span.scheduleDetail{
       display: block;
    margin-top: 6px;
	 float: left;
  padding-left: 10px;
         width: 206px;
     font-size: 0.9em;
}
div.infoAppSlot span.scheduleDetail{
       display: block;
    margin-top: 6px;
         float: left;
  padding-left: 10px;
     font-size: 0.9em;
}

div.groupScheduleSlot strong, div.infoAppSlot strong{ 
      display: inline;
	float: none;
       margin: 0;
      padding: 0;
}

div.groupScheduleSlot, div.groupListClient , div.infoAppSlot{
	background: #F1F1F1;
	border: 1px solid #BEBEBE;
	max-height: 65px;
        min-height: 28px;
	overflow: auto;
}

.groupListClient div {
	padding: 4px;
	font-size: 12px;
	cursor: pointer;
}
div.dialogSection div.gridAgendamento {
	height: 225px;
        width: 99%;
	font-family: Arial Narrow, Verdana, sans-serif;
	font-size: 0.8em;        
}
.groupListClient div:hover, .groupListClient div.active {
	background: #70B5D3;
	color: #FFF;
	text-decoration: none!important;
}
    /* Dados de um cliente*/
    div.groupDadosClient {
        padding: 10px 5px 10px 10px;
    }
    
    div.groupDadosClient h2.clientName {
        color: #70B5D3;
        padding-left: 10px;    
    }
    
    div.groupDadosClient h2.clientNameMo {
        color: #70B5D3;
        padding-left: 10px;    
        font-size: 1.0em;
    }

    div.groupDadosClient h2.groupFieldContent {
        color: #70B5D3;                             /*#6d6d6d;*/
        font-size: 0.8em;
        padding-left: 10px; 
    }
    div.groupDadosClient div.groupEmail {
        float: left;
        width: 215px;
    }
    div.groupDadosClient div.groupPhone {
        float: left;
        width: 120px;
    }
    div.groupDadosClient div.groupService {
        float: left;
        width: 215px;
    }
div.groupDadosClient label.formLabel{
        color: #000;
        font-size: 0.9em;
}
    div.remarksAndNotes label.formLabel{
        color: #000;
        font-size: 0.8em;
    }
    
    div.groupAboutUser {
        padding-left: 10px;
        padding-right: 10px;
    }
    div.groupAppSection div.groupRemarksUser, div.infoAppSection div.infoRemarksUser {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    div.groupRemarksUser textarea {
        font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #404040;
        height: 36px;
	-webkit-box-shadow: inset 1px 1px rgba(251,251,252,.86);
	-moz-box-shadow: inset 1px 1px rgba(251,251,252,.86);
	box-shadow: inset 1px 1px rgba(251,251,252,.86);
	border: solid 1px rgba(140,140,140,.5);
        background-image: -webkit-linear-gradient(bottom, rgba(221,221,221,.23), rgba(0,0,0,.06) 19%);  /* Safari 5.1 to 6.0 */
	background-image: -moz-linear-gradient(bottom, rgba(221,221,221,.23), rgba(0,0,0,.06) 19%); /* Firefox 3.6 to 15 */
	background-image: -o-linear-gradient(bottom, rgba(221,221,221,.23), rgba(0,0,0,.06) 19%); /* Opera 11.1 to 12.0 */
	background-image: -ms-linear-gradient(bottom, rgba(221,221,221,.23), rgba(0,0,0,.06) 19%);
	background-image: linear-gradient(to top, rgba(221,221,221,.23), rgba(0,0,0,.06) 19%); /* Standard syntax */
	resize:none;
    }
    
    div.infoRemarksUser div.groupByUserCli textarea {
        font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #404040;
        height: 48px;
	-webkit-box-shadow: inset 1px 1px rgba(251,251,252,.86);
	-moz-box-shadow: inset 1px 1px rgba(251,251,252,.86);
	box-shadow: inset 1px 1px rgba(251,251,252,.86);
	border: solid 1px rgba(140,140,140,.5);
        background-image: -webkit-linear-gradient(bottom, rgba(221,221,221,.23), rgba(255,255,255,.06) 19%);  /* Safari 5.1 to 6.0 */
	background-image: -moz-linear-gradient(bottom, rgba(221,221,221,.23), rgba(255,255,255,.06) 19%); /* Firefox 3.6 to 15 */
	background-image: -o-linear-gradient(bottom, rgba(221,221,221,.23), rgba(255,255,255,.06) 19%); /* Opera 11.1 to 12.0 */
	background-image: -ms-linear-gradient(bottom, rgba(221,221,221,.23), rgba(255,255,255,.06) 19%);
	background-image: linear-gradient(to top, rgba(221,221,221,.23), rgba(255,255,255,.06) 19%); /* Standard syntax */
	resize:none;
    }
    div.infoRemarksUser div.groupByUserAdm textarea {
        font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #404040;
        height: 48px;
	-webkit-box-shadow: inset 1px 1px rgba(251,251,252,.86);
	-moz-box-shadow: inset 1px 1px rgba(251,251,252,.86);
	box-shadow: inset 1px 1px rgba(251,251,252,.86);
	border: solid 1px rgba(140,140,140,.5);
        background-image: -webkit-linear-gradient(bottom, rgba(221,221,221,.23), rgba(0,0,0,.06) 19%);  /* Safari 5.1 to 6.0 */
	background-image: -moz-linear-gradient(bottom, rgba(221,221,221,.23), rgba(0,0,0,.06) 19%); /* Firefox 3.6 to 15 */
	background-image: -o-linear-gradient(bottom, rgba(221,221,221,.23), rgba(0,0,0,.06) 19%); /* Opera 11.1 to 12.0 */
	background-image: -ms-linear-gradient(bottom, rgba(221,221,221,.23), rgba(0,0,0,.06) 19%);
	background-image: linear-gradient(to top, rgba(221,221,221,.23), rgba(0,0,0,.06) 19%); /* Standard syntax */
	resize:none;
    }

    div.groupRemarksUser textarea:focus {
        background-image: -webkit-linear-gradient(bottom, rgba(221,221,221,.23), rgba(0,0,0,.06) 19%);  /* Safari 5.1 to 6.0 */
	background-image: -moz-linear-gradient(bottom, rgba(221,221,221,.23), 
            rgba(0,0,0,.06) 19%); /* Firefox 3.6 to 15 */
	background-image: -o-linear-gradient(bottom, rgba(221,221,221,.23), 
            rgba(0,0,0,.06) 19%); /* Opera 11.1 to 12.0 */
	background-image: -ms-linear-gradient(bottom, rgba(221,221,221,.23), 
            rgba(0,0,0,.06) 19%);
	background-image: linear-gradient(to top, rgba(221,221,221,.23), 
            rgba(0,0,0,.06) 19%); /* Standard syntax */
    }

div.groupNotesApp textarea {
	          height: 58px;
                   width: 100%;
	background-color: #fff;
      -webkit-box-shadow: inset 1px 1px rgba(251,251,252,.86);
	 -moz-box-shadow: inset 1px 1px rgba(251,251,252,.86);
	      box-shadow: inset 1px 1px rgba(251,251,252,.86);
	          border: solid 1px rgba(140,140,140,.5);
	background-image: -webkit-linear-gradient(bottom, rgba(221,221,221,.23), rgba(255,255,255,.23) 19%);
	background-image: -moz-linear-gradient(bottom, rgba(221,221,221,.23), rgba(255,255,255,.23) 19%);
	background-image: -o-linear-gradient(bottom, rgba(221,221,221,.23), rgba(255,255,255,.23) 19%);
	background-image: -ms-linear-gradient(bottom, rgba(221,221,221,.23), rgba(255,255,255,.23) 19%);
	background-image: linear-gradient(to top, rgba(221,221,221,.23), rgba(255,255,255,.23) 19%);
	          resize: none;
}

div.groupScheduleNotes {
        padding-left: 10px;
        padding-right: 10px;
}

div.groupClickAqui h5, div.appInfoLnk h5 {
           float: left;
    padding-left: 10px;
}
div.groupCancelAppoint {
    max-width: 640px;
    margin-left: 8px;
}

div.groupCancelAppoint div.groupCancelOpt {
    width: 55%;
    float: left;
}
div.groupCancelAppoint div.groupExcluiAte input{
    color: red;
}
div.groupCancelAppoint div.groupExcluiAte {
    width: 30%;
    margin-right: 12px;
    float: right;
   
}
div.groupExcluiAte div.groupConfirmBtn{
    width: 30%;
    height: 70px;
    clear: both;
    float: right;
}
div.groupCancelAppoint div.groupCancelOptMo {
    width: 99%;
}
div.groupCancelAppoint div.groupExcluiAteMo {
    margin-right: 8px;   
}
div.infoCancelAppoint div.groupExcluiAteMo {
    margin-right: 12px;   
}
div.infoCancelAppoint div.excluiAte input {
    color: red;   
}
div.infoCancelAppoint div.criteriosExclusaoMo{
    width: 95%;
}

div.infoCancelAppoint {
    padding: 10px 10px 10px 10px;
    width: calc(100%);
}

div.groupExcluiVarios div.groupExcluiVarios1 input{
    color: red;
}
div.groupExcluiVarios div.groupExcluiVarios1 {
     float: left; 
     width: 40%;
}
div.groupExcluiAteMo .mainActionMo{
    width: 80px;
    margin-top: 7px;
    margin-right: 7px;
    float: right; 
}
/* AppointmentInfo.html */

        /* an outside constraint to react against */

tr.serviceHeader {
	border-radius: 3px;
	font-weight: bold;
        height: 22px;
/*	color: #6d6d6d;*/
    color: #FFF;
    background: #E0E0E0;
        }

div.repeteLeft {
        width: 173px;
        float: left;       
	font-size: 1.0em;
        height: 30px; 
        color: #000000;
}
div.repeteRight{
        width: 150px;
        float: right;      
}
div.repeteRight input{
    color: red;
}
.repeteLabel{
    width: 201px;
}
div.intervaloData div.entradaData {
    width: 110px;
}
div.intervaloData div.entradaDataFinance {
    width: 70px;
}
.cmbPrestador{
    width: 140px;
}
.cmbOpcao{
    width: 130px;
}
.cmbOpcaoSmall{
    width: 100px;
}
.cmbOpcaoMedium{
    width: 150px;
}
.cmbOpcaoAgenda{
    width:200px;
}
.cmbOpcaoAgenda .inputOpcao{
    font-size: 0.8em;
}
.quebraWord {
    word-wrap: break-word;
}

    /* Exclusao em massa de agendamentos AppInfo*/

div.infoAppSection{ 
    width: 99%;
}

div.criteriosExclusao{
    width: 62%;
}

div.excluiAte {
    width: 26.75%;
    margin-right: 20px;
}

div.appInfoBtn {
    width: 95%; 
    margin-right: 10px; 
}
/* Cadastro Cliente  */
div.cliEndereco table{
    background: #efefef;
}
div.cliEndereco th{
	font-size: 0.8em;
	color: black;
}
div.cliEndereco td{
	height: 30px;
}
div.cliEndereco input{
	font-size: 0.9em;
	color: #606070;
    height: 30px;
    width: 269px!important;                    /* usar important prioritario*/
               border: 1px solid #CCC;
	  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	       border-radius: 5px; 
}

/* Texto blink - piscar - a cada 1 segundos*/
.blink_text {

            animation:1s blinker linear infinite;
    -webkit-animation:1s blinker linear infinite;
       -moz-animation:1s blinker linear infinite;

     color: red;
}

    @-moz-keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }

    @-webkit-keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }

    @keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }
     
@media screen and (max-width: 767px) { 
    div.divBtnMobile .mainActionMo{
        font-size: 0.6em;
    }
    div.divBtnMobile .secondaryAction{
        font-size: 0.6em;
    }
    
    div.basicInformationPS, fieldset.basicInformationPS, div.nomeDescricaoAgenda{
        font-size: 0.8em;
        width: 99%;
    }
    
    div.imagemPSDesktop{
            height: 180px;
            width: 300px;
        margin-top: 15px;
        margin-bottom: 15px;
    } 
    .imagemAgenda {
            height: 180px;
            width: 300px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    table.detalheServico{
        font-size: 0.8em;
    }

    
    .adminBusinessImage {
        float: left;
    }

    div.calendar table tbody td a{
        height: 6px;
    }
    div.content {
	max-width: 480px;
    }
    
    div.mySchedulesSlot span.myScheduleDetail {
	width: 280px;
    }
    div.calendarDescription {
        max-height: 72px;
        overflow: auto;
    }

    div.recoPwWrapper{
        width: 87.5%;
        margin-left: 8px;
    }
    div.recoverPassBkg{
        padding-left: 10px; 
        height: auto;
        background-color: #99C5C3;    /* #70B5D3;*/
        padding-bottom: 10px;
    }
    div.recoveredPassBkg {
        background-color: #99C5C3;    /* #70B5D3;*/
        padding-bottom: 10px;
    }
    div.imgBkgGraySquare {
        width: 100%;
	max-width: 245px;
	height: auto;
	padding: 5px;
    }
    div.dialogSection div.buttons{
        padding-top: 0px;
    }
    /* Tamanho da fonte para as telas Administracao e AssistenteConfig */
    div.dashboardWrapper{
        font-size: 0.9em;
    }
    span.assistenteOpcaoName{
        font-size: 0.9em;
    }
    div.assistenteCheckList ul li{
        font-size: 0.8em;
        height: 35px;
        padding-top: 2px;
    }
    div.divulgacaoFirstText{
        font-size: 0.9em;
    }
    
/* Menu responsivo do AssistenteConfig.html  Tutorias, Informe agora, 1.Dados negócio, ...*/
    div.assistenteDisplayNone{
        display: block;
    }    
    div.assistenteConfigWrapper div.assistenteContent{
	    max-width: 440px;
        margin-left: 60px;
    }
    div.assistenteConfigWrapper div.assistenteConfigNav{
	    max-width: 40px;
        max-height: 40px;
        margin-top: 0px;
    }
    div.assistenteConfigNav nav {
    position: absolute;
         top: 255px;
       right: 0px;
      bottom: 0px;
      height: 480px;
       width: 140px;                                     /* largura  da lista de opcoes: Tutorias, Planilha,...*/
    border-left: 1px solid #ccc;
     background: #fff;
     overflow-x: auto;
       z-index: 1;
    -webkit-transition: all 500ms ease;
       -moz-transition: all 500ms ease;
         -o-transition: all 500ms ease;
            transition: all 500ms ease;
    -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
       -moz-transform: translate(100%, 0);
            transform: translate(100%, 0);
    }
    nav.menuAssistenteConfig{            /* esconde o menu de opcoes - ver abaixo :checked ~ faz reaparecer o menu*/
        display: none;
    }
  
div.assistenteConfigNav ul.ulAssistenteConfigMenu {
    padding: 0;
  }

  div.assistenteConfigNav ul.ulAssistenteConfigMenu li {
    width: 100%;
    border: solid #ccc;
    border-width: 0 0 1px;
  }

  div.assistenteConfigNav li a {            /* mostra menu descriptivo apos click nos 3 traços*/
            padding: 15px 10px;
	text-decoration: none;
	      font-size: 1.0em;
        font-weight: normal;
	          color: #6d6d6d;    
  }

  div.assistenteConfigNav li a:hover {
    background-color: #ccc;
  }

    label.assistenteConfig_NavClose {
        position: fixed;
        right: 0;
        top: 0;
        bottom: 0;
        left: 0;
        display: block;
        background: rgba(0,0,0,0.4);                                 /* tela toda preta */
        -webkit-transition: all 500ms ease;
           -moz-transition: all 500ms ease;
             -o-transition: all 500ms ease;
                transition: all 500ms ease;
        -webkit-transform: translate(100%, 0);
            -ms-transform: translate(100%, 0);
           -moz-transform: translate(100%, 0);
                transform: translate(100%, 0);
        z-index: 1;
    }
    /*<!--
    Utilizando dos seletores do CSS3 que são os ‘:checked’ e ‘~’, conseguimos formatar elementos de acordo com a necessidade, veja a documentação em:https://www.w3.org/TR/css3-selectors/#selectors.
    -->*/
    /*Selects every <nav> element that are preceded by a <input#id_assistenteNav:checked> element */
  div.assistenteConfigNav input#id_assistenteNav:checked ~ label.assistenteConfig_NavClose {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
            transform: translate(0, 0);
  } 
  div.assistenteConfigNav input#id_assistenteNav:checked ~ nav.menuAssistenteConfig{
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
            transform: translate(0, 0);
            display: block;                                     /* habilita o display do menu de Opcoes*/
         background: #DEDEDE;
        font-weight: normal;
          font-size: 0.8em;
        margin-left: 20px;
     padding-bottom: 15px;
      border-bottom: solid 1px #cfcfcf;
            z-index: 3;  
      
  }
  
    /* Traços do Seletor  */
    div.assistenteConfigNav label {
        display: block;
    }
    fieldset.boxCinzaDuplicity {
        font-size: 0.8em; 
    }
    
}

@media screen and (min-width: 741px) {
    .dijitDialog div.groupAppSection, .dijitDialog div.infoAppSection {
            max-height: calc(100% - 80px);
            overflow: scroll;
            width: 590px;
    }
}

@media screen and (max-width: 680px) {

    div.fieldRedeSocial{
        width: 98%; 
    }
}

@media screen and (max-width: 520px) {

    div.divulgacaoFirstText{
        width: 340px;
    }
    div.assistenteCheckList ul.checkList li{
        height: 55px;
    }
    label.labelComplemento {
	    display: none;
    }
    label.labelComplementoSmall {
	            color: #606060;
              display: block;
	        font-size: 0.8em;
        margin-bottom: 3px;
    }
    div.basicInformation textarea.textArea{
	    font-size: 0.8em;
    }
    .fieldEquals {
                width: 99%;                    /* width: 47.95333%;  05/04/2017 */
    	padding:0px;
    }
    .fieldComplemento{
        width: 69%;
        float: right;
    }
    fieldset.boxCinzaDuplicity {
        font-size: 0.8em; 
       max-width: 420px;    
    }
    
}

@media screen and (max-width: 480px) {

    div.assistenteCheckList ul.checkList li{
        font-size: 0.7em;
        height: 65px;
    }

    div.divulgacaoFirstText{
        width: 300px;
    }

    div.btnToolbar {
        font-family: "Arial Narrow", Verdana, sans-serif;
	   font-size: 1.0em;
   }

    div.myScheduleHolderHeader h1{
        font-size: 1.0em;
    }
    div.myScheduleHolderHeader h2{
        font-size: 0.8em;
    }
    div.myScheduleAppoints{
        width: 93%;
    }
    div.recoPwWrapper{
        width: 84%;
    }
    img.bkgImage {
        min-height: 180px; }
    div.businessHeader h1{
        font-size: 1.0em;
    }
    div.bkgcucco404 h3{
        font-size: 0.6em;
    }
    div.fullLogin {
        width: 240px;
    }
    div.dialogSection div.gridAgendamento {
            font-size: 0.6em;
    }
    div.groupAppSection, div.infoAppSection {
        max-height: 450px;
          overflow: scroll;
    }    
    .claro .dijitDialog {
        padding-left: 2px;
       padding-right: 2px;
          max-height: 450px;
            overflow: scroll;
    }
    div.dialogSection fieldset.boxCinza div.entradaData{
        font-size: 1.2em;
        max-width: 75px;
    }
    div.dialogSection fieldset.boxCinza div.cmbOpcaoSmall{
        font-size: 1.2em;
        max-width: 65px;
    }  
}
@media screen and (max-width: 480px) and (orientation: landscape){
    div.infoAppUpper{
            max-height: 470px;
            overflow: scroll;
    }
    
    div.dialogDefaultSize div.dialogSection{
        padding-left: 8px;
        padding-right: 8px;
    }
}
@media screen and (max-width: 480px) and (orientation: portrait){
    div.infoAppUpper{
          height: 460px;
        position: relative;
        
    }
    
    div.dialogDefaultSize div.dialogSection{
        padding-left: 5px;
       padding-right: 5px;
    }

    div.btnAddClient .small{
            width: 123px; 
        font-size: 0.7em; 
    }
    div.divButtons .right{
            width: 100px; 
        font-size: 0.8em;
    }

    /* Schedule.html*/
    div.dialogSection div.repeteLeft {
            width: 140px;
    }
    div.repeteRight{
            width: 100px;
    }
    label.repeteLabel{
         width: 140px;
        height: 28px;
    }
    label.repetirAte {
        height: 28px;
    }
    
    div.divButtonsSchedule .right{
            width: 165px; 
        font-size: 0.8em;
    }
    div.divButtonsSchedule .dijitButton .dijitButtonNode {
	padding: 5px 1px!important;
    }
}