/* Cucco Mobile  -  responsivo 
    21/06/2017
    
*/

/* Holder div */

div.moUpper {
                width: 93%;
               border: 3px solid #000;
   -moz-border-radius: 10px;
-webkit-border-radius: 10px;
        border-radius: 10px;
    
}
div.moHeader{
    background-color: #000;
        padding-left: 10px;
       padding-right: 10px;
          margin-top: 0;
              height: 2.5em;
	 font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	 font-weight: bold;
      text-transform: none;
}

div.moHeader h1{
           color: #fff;
     padding-top: 5px;
  padding-bottom: 5px;
       font-size: 1.0em;
}
div.moHeader h2 {
           color: #fff;
     padding-top: 5px;
  padding-bottom: 5px;
   	 font-weight: normal;
	   font-size: 1.0em;
	      margin: 7px 0px 0px 0px;
}

div.moSchedule div.messageMo {
    width: 86.5%;
}
div.moSelectUser, div.moSchedule {
           width: 100%;
    padding-left: 8px;
   padding-right: 8px;
}

div.moSelectUser h2, div.moSchedule h2 {
    line-height: 1.2;
      font-size: 1em;
	  color: #676767;
  margin-bottom: 10px;
    font-weight: bold;
  padding-right: 8px;
}
div.groupClientMo {
       width: 95%;
padding-left: 0px;
}
div.groupClientMo label.formLabel {
    font-size: 0.9em;
    padding-left: 0px;
}
div.divCmbName, div.moFields, div.notasAgendamento  {
    width: 95%;
}
div.moRepete div.moRepeteRight input{
    color: red;
}
div.moSchedule div.moRepete {
    height: 20px;
    width: 95%;
}
div.divBtnMobile{
        width: 97%;
    }

div.divUserDados, div.moTxtName {
         width: 95%;
    }   
    
div.moRepeteLeft {
        width: 138px;
        float: left;       
    font-size: 0.9em;
       height: 30px; 
        color: #000000;
}
div.moRepeteLeft select{
    font-size: 0.8em;
}
div.moRepeteRight{
        width: 103px;
        float: right;
        height: 20px;
}
    
/* btnXis*/

div.moHeader .btnXis {
   -moz-border-radius: 3px;
-webkit-border-radius: 3px;
	border-radius: 3px;
	       border: 0px solid #adadad;
	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 */
          color: #9a9a9a;
	 cursor: pointer;
          float: right;
      font-size: 0.8em;
         margin: 3px 3px;
       position: relative;
    text-shadow: 1px 1px black; /*#f2f2f2;*/
text-decoration: none;
}

div.moHeader .btnXis: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 */
}

div.moHeader .btnXis{
    margin-right: 0;
       /* height: 1.0em;
          color: red;
	 text-shadow: 2px 2px #598fb7;*/
}

div.btnContinuar {
    margin-right: 13px;
    display: block;
    float: right;
}

div.infoAppSlotMo span.appId_dtAgenda {
	max-width: 206px;
       display: block;
    margin-top: 4px;
         float: right;
  padding-left: 8px;
     font-size: 0.8em;
}
div.moUpper div.infoAppSectionMo {
        max-height: 520px;
          overflow: scroll;
    }

div.appointNotas{
    width: 99%;
    margin-left: 8px;
    font-size: 0.8em;
    color: #202020;        /* #606060;*/
}
div.remarksAndNotes label.formLabelMo{          /*groupRemarksUser// groupScheduleNotesMo//groupAboutUser*/
    font-size: 0.9em;
    color: #202020;
    margin-left: 10px;
}

div.remarksAndNotes div.notesAppointMo textarea{
    background-color: #fff;
    font-family: Arial, Verdana, sans-serif;
    font-size: 0.9em;
    color: #404040;
    margin-left: 10px;
    height: 18px;
    width: 93%;
}