/* 
    Created on : Oct 16, 2015, 4:52:09 AM
    Author     : viegas
*/

#visChoefJsOn {
  display: none;
}

/* visHome -------------------------------------------------------------------*/

#visHomeLoginButton {
  /*  display: block;*/
  display: none;
}

#visHomeFoodsOrMeals, #visSelectMealFoodsOrMeals, #visMealFoodsOrMeals {
  font-size: small;
  width: 100%;
}

#VisHomeFoods, 
#VisHomeMeals, 
#visSelectMealFoods, 
#visSelectMealMeals, 
#visMealFoods, 
#visMealMeals {
  width: 50%;
}

.visGreenTab {
  background-color: green;
  color: white;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-width: 1px;
  border-color: lightgreen;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.visWhiteTab {
  background-color: lightgray; /*white;*/
  color: green;
  border-bottom-style: solid;
  border-width: 1px;
  border-color: lightgreen;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

#visHomeContent *,
#visSelectMealContent * {
  /* Remove all nasty margins created by jQuery mobile */
  margin-top: 0 !important; /* look !important changing CSS priority */
  margin-bottom: 0 !important;
  padding: 0 !important;
}

#visHomeFilter {
  background-color: white;
  color: darkgreen;
}

#visTableOfFoodsLbl {
  border: solid 1px white;    
}

#visHomeFoodsSelect * {
  background-color: black;
  color: white;
}

.visHomeFilterButton {
  margin-left: 25px;
  margin-right: 25px;
}

.visMealFoodName {
  color: yellow;
  font-weight: bold;
}

.visOtherMealFoodName {
  color: orange;
  font-weight: bold;
}

.visHomeMealList {
  text-align: left;
}

#visHomeLoginDialog {
  padding: 5px;
  border: 1px white solid;
}

.visitorMealClass   {
  width: 100%; 
  height: 12px; 
  border: solid darkgreen 4px; 
  background-color: green;
}
/* visPortion ----------------------------------------------------------------*/

.visPortionVoteFieldset {
  border: solid white 1px !important;
  border-radius: 10px !important;
  padding: 5px !important;
  color: cyan !important;
}

#visPortionVoteTable {
  width: 100%;
  text-align: center;
}

.visGreenTxt {
  color: lightgreen;
}

.visBlueTxt {
  color: cyan;
}

.visWhiteTxt {
  color: white;
}

.visYellowTxt {
  color: yellow;
}

.visRedTxt {
  color: red;
}

#visPortionFoodName {
  font-weight: bold;
  color: yellow;
}

#bnVisPortionAddToMeal {
  background-color: darkgreen;
  color: white;
}

#visPortionRule {
  color: yellow;
}

.jquerymobileslider .ui-slider {
/*    height: 150px;    */
}

.jquerymobileslider .ui-slider .ui-slider-handle {
/*    height: 150px;
    width: 150px;   */
}

#visPortionMessage {
  font-size: x-small;
}

/* visMeal -------------------------------------------------------------------*/

#visMealName {
  font-weight: bold;
}

#tbVisMealList {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 5px;
}

#visMealAdd {
  background-image:url("../Images/encontro.png");
  text-align: center;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
  vertical-align: central;
  color: yellow;
  font-size: x-large;
  font-family: cursive;
}

/* visLogin ------------------------------------------------------------------*/

.choefDialog {
    opacity: 0.5;
    display: block !important;
    -webkit-transition: opacity 0.5s ease-in;
}

#fsVisLoginPaccho {
  border: solid white thin;
  margin: 5%;
  padding: 5%;
}

#lgVisLoginPaccho {
  font-size: small;
  font-weight: bold;
  color: yellow;
}

.visLoginForgotPass {
  width: 100%;
  font-size: small;
  font-style: italic;
  text-align: right;
  color: cyan;
}

/* visNewClient --------------------------------------------------------------*/

#visNewClientAgree {
}

.visNewClientLabel,
.visEditDataLabel{
  text-align: left !important;
  font-size: small !important;
}

/* visAddFood ----------------------------------------------------------------*/

#visAddFoodFrom {
  width: 20%;
}

#visMandatoryMessage {
  color: yellow;
  font-size: xx-small;
}

.mandatorySignal {
  color: yellow;
}

.visAddFoodLabel, .visEditFoodLabel, .visMealOtherLabel {
  text-align: left !important;
  font-size: small !important;
}

.visAddFoodData, .visEditFoodData {
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px;
  border: 1px solid darkgray;
}

.visAddFoodUnits, .visEditFoodUnits, visMealOtherUnits {
  font-size: x-small;
  font-weight: bold;
}

.visAddFoodHdrMsg, .visEditFoodHdrMsg, .visNewClientHdrMsg {
  color: orange;
  font-size: small;
}

.visAddFoodErrorMsg, 
.visEditFoodErrorMsg, 
.visNewClientErrorMsg,
.visMealErrorMsg,
.visMealOtherErrorMsg,
.visNewSupervisorErrorMsg,
.visNewSupervisorSaveErrorMsg,
.visRegClientErrorMsg,
.visAutoRegClientErrorMsg,
.visEditDataErrorMsg,
.visChangePasswordErrorMsg {
  color: orange;
  text-align: left;
  font-weight: bold;
  font-size: xx-small;
}

#visAddFoodFsPortion, #visEditFoodFsPortion {
  border: 1px white solid;
  border-radius: 10px;
}

/* visEditFood ---------------------------------------------------------------*/

/* visChangeSupervisor ------------------------------------------------------*/

#visChangeSupervisorTxt {
  color: cyan;
  font-size: small;
  text-align: justify;
}

#visChangeSupervisorCode {
  color: white;
  font-size: medium;
  border: 1px cyan solid;
  border-radius: 10px;
}

#visChangeSupervisorRegisterCodeTxt {
  color: white;
  font-size: x-small;
  text-align: justify;
}

#visChangeSupervisorRegisterCode {
  color: yellow;
  font-size: medium;
  border: 1px cyan solid;
  border-radius: 10px;
}

#visChangeSupervisorValidTable,
#visChangeSupervisorRegValidTable {
  width: 100%;
  color: white;
}

#visChangeSupervisorCodeValidCancel,
#visChangeSupervisorRegCodeValidCancel {
  background-color: red;
  color: white;
  font-size: x-small;
}

#visChangeSupervisorValidTxt {
  color: white;
  font-size: x-small;
  text-align: center;
}

#visChangeSupervisorRegValidTxt {
  color: yellow;
  font-size: x-small;
  text-align: center;
}

#visChangeSupervisorCodeValidReset,
#visChangeSupervisorRegCodeValidReset {
  background-color: blue;
  color: white;
  font-size: x-small;
}

#visChangeSupervisorResponsibility1Txt,
#visChangeSupervisorResponsibility2Txt {
  color: white;
  font-size: x-small;
  text-align: justify;
}

.visClientCodeTxt {
  color: white;
  font-size: small;
  text-align: left
}

.visSupervisorCodeTxt {
  color: yellow;
  text-align: left
}

.visSupervisorFieldsetCodeTxt {
  color: yellow;
  font-size: small;
  text-align: left
}

#visChangeSupervisorCodeTxt,
#visChangeSupervisorReferenceTxt {
  font-family: Comic Sans MS, Comic Sans, cursive;
  letter-spacing: 3px;
}

/* visNewSupervisor  ---------------------------------------------------------*/

#visNewSupervisorTxt,
#visRegClientInstructions,
#visAutoRegClientTxt1,
#visAutoRegClientTxt2 {
  color: cyan;
  font-size: small;
  text-align: justify;
}

#visNewSupervisorCode {
  color: white;
  font-size: medium;
  border: 1px cyan solid;
  border-radius: 10px;
}

#visNewSupervisorCodeInput,
#visNewSupervisorSaveReferenceCode {
  font-family: Comic Sans MS, Comic Sans, cursive;
  letter-spacing: 3px;
/*  font-weight: bold; */
  text-align: center;
}

#visNewSupervisorResponsibility1Txt {
  color: white;
  font-size: x-small;
  text-align: justify;
}

.visNewSupervisorCodeTxt {
  color: white;
  font-size: small;
  text-align: left
}

/* visEditData ---------------------------------------------------------------*/

.visEditDataRemarks,
.visChangePasswordRemarks {
  font-size: xx-small;
  color: yellow;
  margin-left: 1%;
  margin-right: 1%;
}

/* visRegClient --------------------------------------------------------------*/

.visRegClientTxt {
  background-color: green;
  color: white;
}

/* visInsulin --------------------------------------------------------------*/

.client_warning {
  font-size: xx-small;
  color: cyan;
}

.celShowHideRight {
  width: 100%;
  border-collapse: separate;  /* Default */
  border-spacing: 0px;        /* html5 => cellspacing = "0" */
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 0px;
  text-align: right;
}

.butShow {
  background-color: #FFFF00;  /*Yellow*/
  font-size: smaller;
  color: #808080;             /*Dark gray*/
  border: none;
}

.visYellowTab {
  background-color: yellow;
  color: black;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-width: 1px;
  border-color: lightgreen;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.celWhite {
  background-color: #FFFFFF;  /*White*/
  color: #000000;             /*Black*/
  border: none;
  width: 20% !important;
}

.celLiGray {
  background-color: #D3D3D3;  /*Very light Gray*/
  color: #000000;             /*Black*/
  border: none;
  width: 20% !important;
}

.celGray {
  background-color: #808080;  /*Gray*/
  color: #FFFFFF;             /*White*/
  border: none;
}

.celCalendar {
  border-collapse: separate;  /* Default */
  border-spacing: 0px;        /* html5 => cellspacing = "0" */
  padding: 0px; /* Cellpadding defined in <th> or <td>, not in <table> */  
  text-align: center;
}

.butRed {          
  text-decoration: none;
  font-size: smaller;
  background-color: red;        /* Red */
  color: white;                 /*White*/
}

.butDGreen {          
  text-decoration: none;
  font-size: smaller;
  background-color: darkgreen;  /* Darkgreen */
  color: white !important;                 /*White*/
}

.butDRed {          
  text-decoration: none;
  font-size: smaller;
  background-color: darkred;    /* DarkRed */
  color: white;                 /*White*/
}

.butDBlue {          
  text-decoration: none;
  font-size: smaller;
  background-color: darkblue;  /* DarkBlue */
  color: white;                 /*White*/
}

.butBlack {          
  text-decoration: none;
  font-size: smaller;
  background-color: black;      /* Black */
  color: white;                 /*White*/
}

.w20Pc {
  width: 20%;  
}

.w100Pc {
  width: 100%;  
}

.butBlue {          
  background-color: #0000FF;  /*Blue*/
  color: #FFFFFF;             /*White*/
  width: 70px;
}

.butLiGray {
  background-color: #D3D3D3;  /*Light Gray*/
  color: #000000;             /*Black*/
  width: 70px;
}

.butShortRed {          
  font-size: smaller;
  background-color: #FF0000;  /*Red*/
  color: #000000;             /*Black*/
  /*width: 40px;*/
}

.butShortBlue {          
  font-size: smaller;
  background-color: #0000FF;  /*Blue*/
  color: #FFFFFF;             /*White*/
  /*width: 40px;*/
}

.butSmallDGray {
  height: 30px;
  width: 25px;
  text-align: center;
  background-color: #C0C0C0;  /*Black*/
  color: #000000;             /*Light gray*/
  border: 2px #C0C0C0 solid;  /*Black*/
}

.butSmallLGray {
  background-color: #D3D3D3;  /*Very light Gray*/
  color: #000000;             /*Black*/
  border: none;
}

/* visitor (general) ---------------------------------------------------------*/

.visitorInstructions {
  color: cyan;
  font-size: small;
  text-align: justify;
}



.visitorNoMargins {
  margin-bottom: 0px;
  margin-top: 0px;
}

.visitorNoPadding {
  padding-bottom: 0px;
  padding-top: 0px;
}

.visitorMessage {
  width: 90%;
  padding: 15px;
  background-color: white;
  color: black;
  font-size: small;
  text-align: justify;
}

.visitorError {
  padding: 15px;
  background-color: red;
  color: white;
}

.visitorOkMsg {
  padding: 15px;
  background-color: lightgreen;
  color: darkgreen;
}

.visitorHeaderMessage {
  color: orange;
  font-size: small;
}