.MsgInicioAPP_TituloBar {
   text-align:center; 
   color:#FFFF00; 
   font-size: 14PX; 
   font-weight:bold; 
   font-style:italic;
  font-family: 'RobotoDraft', 'Roboto', sans-serif, 'Open Sans';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
   text-shadow: 3px 1px 1px #252903; 
}

.LogoTipoMobile {
  position: absolute;
  width: 100%;
  height: 100%;  
  background: url(img/solutionlogo_p.png) center center no-repeat;
  background-size:contain;
  color: #666666;
  font-family: 'RobotoDraft', 'Roboto', sans-serif, 'Open Sans';
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
  text-shadow: -1px 2px 4px #800000;  
}	

.LogoTipoMobileSingus {
  position: absolute;
  width: 100%;
  height: 100%;  
  background: url(img/singuslogo_p.png) center center no-repeat;
  background-size:contain;
  color: #666666;
  font-family: 'RobotoDraft', 'Roboto', sans-serif, 'Open Sans';
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
  text-shadow: -1px 2px 4px #800000;  
}	

.TituloVersaoSistema {
   text-align:center; 
   letter-spacing: 2px; 
   color:#800000; 
   font-size: 12PX; 
   font-weight:bold; 
  font-family: 'RobotoDraft', 'Roboto', sans-serif, 'Open Sans';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
  text-shadow: -1px 2px 4px #800000;  
}

.SubTituloSistema {
  text-align: center;
  color:#000080; 
  font-size: 16px; 
  font-weight:bold; 
  font-family: 'RobotoDraft', 'Roboto', sans-serif, 'Open Sans';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
  text-shadow: -1px 2px 4px #805D71;
}  

.SubTituloSistemaSingus {
  text-align: center;
  color:#000080; 
  font-size: 12px; 
  font-weight:bold; 
  font-family: 'RobotoDraft', 'Roboto', sans-serif, 'Open Sans';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
  text-shadow: -1px 2px 4px #805D71;
}  


.SubTituloUsuario {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none;
  font: normal normal bold 12px/normal Tahoma, Geneva, sans-serif;
  color: rgba(255,255,0,1);
  text-align: center;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: -webkit-linear-gradient(0deg, rgba(59,103,158,1) 0, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%);
  background: -moz-linear-gradient(90deg, rgba(59,103,158,1) 0, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%);
  background: linear-gradient(90deg, rgba(59,103,158,1) 0, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  text-shadow: -1px 2px 4px rgb(128,93,113) ;
}  



.BtnInicio {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

}

.AbasteceLabel {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none;
  font: normal normal bold 13px/normal "Trebuchet MS", Helvetica, sans-serif;
  color: rgb(0, 0, 10);
  text-align: center;
  -o-text-overflow: clip;
  text-overflow: clip;
  white-space: pre-line;
  text-shadow: 4px 4px 6px rgba(0,0,0,0.5) ;
  -webkit-transition: text-shadow 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -moz-transition: text-shadow 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -o-transition: text-shadow 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  transition: text-shadow 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
}

.AbasteceEdits {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none;
  font: normal normal bold 17px/normal "Trebuchet MS", Helvetica, sans-serif;
  color: rgb(0, 0, 10);
  text-align: center;
  text-indent: 2px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  letter-spacing: -1px;
  white-space: pre-line;
  background: #afd1ca;
  text-shadow: 4px 4px 6px rgba(0,0,0,0.5) ;
}


.AbasteceTitulo {	
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none;
  font: normal normal bold 100%/normal "Times New Roman", Times, serif;
  color: rgb(0, 0, 128);
  text-align: center;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: -webkit-repeating-linear-gradient(0deg, rgba(183,222,237,1) 0, rgba(113,206,239,1) 25%, rgba(33,180,226,1) 84%, rgba(183,222,237,1) 100%);
  background: -moz-repeating-linear-gradient(90deg, rgba(183,222,237,1) 0, rgba(113,206,239,1) 25%, rgba(33,180,226,1) 84%, rgba(183,222,237,1) 100%);
  background: repeating-linear-gradient(90deg, rgba(183,222,237,1) 0, rgba(113,206,239,1) 25%, rgba(33,180,226,1) 84%, rgba(183,222,237,1) 100%);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  text-shadow: -1px 2px 4px rgb(128,93,113) ;
}

.AbasteceSubTitulo {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none;
  -webkit-border-radius: 13px;
  border-radius: 13px;
  font: normal normal bold 14px/normal "Trebuchet MS", Helvetica, sans-serif;
  color: rgb(255, 255, 255);
  text-indent: 19px;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: -webkit-linear-gradient(0deg, rgb(175,91,7) 0, rgb(229,108,9) 100%), rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(90deg, rgb(175,91,7) 0, rgb(229,108,9) 100%), rgba(0, 0, 0, 0);
  background: linear-gradient(90deg, rgb(175,91,7) 0, rgb(229,108,9) 100%), rgba(0, 0, 0, 0);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  -webkit-box-shadow: 4px 4px 8px 2px rgba(0,0,0,0.2) ;
  box-shadow: 4px 4px 8px 2px rgba(0,0,0,0.2) ;
  text-shadow: -1px 2px 4px rgb(128,93,113) ;
}

.AbasteceSubEdits {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  font: normal normal bold 16px/normal "Trebuchet MS", Helvetica, sans-serif;
  color: rgb(8, 8, 201);
  text-indent: 12px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: pre-line;
}

.AbasteceEdiLabel {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  font: normal normal bold 13px/normal "Trebuchet MS", Helvetica, sans-serif;
  color: rgb(7, 7, 7);
  text-indent: 4px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: pre-line;
  background: -webkit-linear-gradient(0deg, rgba(208,228,247,0.14) 0, rgba(115,177,231,0.33) 24%, rgba(10,119,213,0.28) 50%, rgba(83,159,225,0.7) 79%, rgb(135,188,234) 100%);
  background: -moz-linear-gradient(90deg, rgba(208,228,247,0.14) 0, rgba(115,177,231,0.33) 24%, rgba(10,119,213,0.28) 50%, rgba(83,159,225,0.7) 79%, rgb(135,188,234) 100%);
  background: linear-gradient(90deg, rgba(208,228,247,0.14) 0, rgba(115,177,231,0.33) 24%, rgba(10,119,213,0.28) 50%, rgba(83,159,225,0.7) 79%, rgb(135,188,234) 100%);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.5) ;
}

.AbasteceTitPanel {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 5px;
  border: none;
  font: normal 100%/normal "Times New Roman", Times, serif;
  color: rgba(0,0,0,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: -webkit-linear-gradient(-90deg, rgba(199,188,242,1) -0.00008748437494432437px, rgba(16,80,183,1) 100%), rgba(0,0,0,0);
  background: -moz-linear-gradient(180deg, rgba(199,188,242,1) -0.00008748437494432437px, rgba(16,80,183,1) 100%), rgba(0,0,0,0);
  background: linear-gradient(180deg, rgba(199,188,242,1) -0.00008748437494432437px, rgba(16,80,183,1) 100%), rgba(0,0,0,0);
  background-repeat: repeat-x;
  background-position: 100% 100%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  -webkit-box-shadow: 5px 5px 8px 2px rgba(0,0,0,0.4) ;
  box-shadow: 5px 5px 8px 2px rgba(0,0,0,0.4) ;
}

.TituloBarShadows {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none;
  font: normal normal bold 15px/1 "Comic Sans MS", cursive, sans-serif;
  color: rgb(255, 255, 255);
  text-align: justify;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  letter-spacing: 1px;
  white-space: pre;
  text-shadow: 4px 4px 6px rgba(0,0,0,0.5) ;
}

.TituloBarShadowsSub {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none;
  font: normal normal bold 11px/0 Arial Black, Gadget, sans-serif;
  color: rgba(255,255,255,1);
  text-align: justify;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  letter-spacing: 1px;
  white-space: pre;
  text-shadow: 4px 4px 6px rgba(204,161,34,0.5) ;
}

.myList {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none;
  font: normal normal bold 10px/1 Arial, Helvetica, sans-serif;
  color: rgb(216, 17, 17);
  text-indent: 1px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  letter-spacing: 1px;
  word-spacing: -2px;
}


.mGridClientes {
 -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none;
  font: normal normal bold 14px/2 Verdana, Geneva, sans-serif;
  color: rgba(145,2,2,1);
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}


.circle {
  background-color: #aaa;
  border-radius: 50%;
  width: 40px;
  height: 400px;
  overflow: hidden;
  position: relative;
}

.circle img {
  position: absolute;
  bottom: 0;
  width: 100%;
}



.GridPesquisas .x-grid-row .x-grid-cell { 
    background-color: #f2f2f2; 
    height: 16px !important;
    line-height: 14px !important;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:  14pt;
	font-weight: bold;
    color: black;
	border-collapse: collapse;
    width: 100%;	
	
} 
 
.GridPesquisas .x-grid-row-alt .x-grid-cell { 
    background-color: #595959;
    color: white; 
    height: 16px !important;
    line-height: 14px !important;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:  14pt;
	font-weight: bold;
	border-collapse: collapse;
    width: 100%;	
}


.mGridCliente .x-grid-column {
    border-style: solid;
    border-width: 1px 1px 0;
    height: 30px;
    line-height: 30px;
    padding: 0 8px;
    vertical-align: middle;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size:  9pt;
    font-weight: bold;
    width: 100%;
    text-align: center;
    background-color: #4CAF50;
    color: white;	
}

.mGridCliente .x-grid-cell {
    height: 40px !important;
    line-height: 30px !important;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size:  18pt;
    font-weight: bold;
    color: black;
    border-collapse: collapse;
    width: 100%;	
    background-color: #99ccff;
}  

.mGridResultados .x-grid-cell { 
    background-color: #ffa; 
    border-bottom-color: #ffc; 
    border-top-color: #ff5; 
    color: #009; 
}
/* Grid cells when the mouse cursor is over the row */ 
.mGridResultados .x-grid-row-over .x-grid-cell { 
    background-color: #ff6; 
    border-bottom-color: #999; 
    border-bottom-style: dashed; 
    border-top-color: #999; 
    border-top-style: dashed; 
} 
 
/* Grid cells in the selected row */ 
.mGridResultados .x-grid-row-selected .x-grid-cell { 
    background-color: #ff0 !important; 
    border-bottom-color: #999; 
    border-bottom-style: solid; 
    border-top-color: #999; 
    border-top-style: solid; 
}

.mGridResultados .x-change-cell {
    background-color: #FFB0C4;
    color:red;
}
.mGridResultados .x-change-cell {
    background-color: #B0FFC5;
    color:green;
}

._mylabelCls {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none;
  font: normal normal bold 11px/1 "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color: rgba(23,0,198,1);
  text-indent: 4px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.myNoBorderCSS .x-panel-body-default 
{
   background: #ffffff;
   border-color: #ffffff;
   color: black;
   border-width: 0px; 
   border-style: solid;
}


.mylabel {
  font:normal 14px tahoma, arial, helvetica, sans-serif;
  text-shadow: 2px 2px blue;
 }


.circle {
  background-color: #aaa;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  overflow: hidden;
  position: relative;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);  
}

.circle img {
  position: absolute;
  bottom: 0;
  width: 100%;
}

._mylabelCls {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none;
  font: normal normal bold 10px/1 Tahoma, Geneva, sans-serif;
  color: blue;
  -o-text-overflow: clip;
  text-overflow: clip;
  white-space: pre;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.5) ;
}


.myNoBorderCSS .x-panel-body-default 
{
   background: #ffffff;
   border-color: #ffffff;
   color: black;
   border-width: 0px; 
   border-style: solid;
}

.myNoBorderCSS .x-tab-bar-default {
    border-style: solid;
    border-color: #ffffff;
}
.myNoBorderCSS .x-tab-bar-default-top {
    background-image: -webkit-linear-gradient(top,#ffffff,#ffffff);
}


Controle CSS DBGridListView

*/

.dvContainer{
 width: 100%
 background-color: #e3e2e2;
 border: 1px solid #b0b2bf;
 height:50px;
 background: repeating-linear-gradient(
  45deg,
  #f2f4fc,
  #f2f4fc 10px,
  #e8eaf7 10px,
  #e8eaf7 20px
 );
}

.dvContainerTwo{
 width: 100%
 background-color: #e3e2e2;
 border: 1px solid #b0b2bf;
 height:40px;
 background: repeating-linear-gradient(
  45deg,
  #f2f4fc,
  #f2f4fc 10px,
  #e8eaf7 10px,
  #e8eaf7 20px
 );
}

.divTitle{
 font-size: 14px;
 font-weight:bold;
 color:#6363a3
}

.divSubTitle{
 font-size: 12px;
 font-weight:normal;
 color:#f00
}

.divCity{
 font-size: 11px;
 font-weight:bold;
 color:#7c7c7c
}



.item {
  display: flex !important;
  flex-direction: column !important;
  padding: 10px !important;
  background-color: #ffffff !important;
  border: 1px solid #cccccc !important;
  border-radius: 5px !important;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 1.2) !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border-width: 0 1px !important;
  width: calc(100% - 2px) !important;
}


.item-code {
  font-size: 11px;
  font-weight: bold;
  color: #0000cd;
  margin-bottom: 5px;
}

.item-code:after {
  content: "";
  height: 3px;
  background-color: #cccccc;
  margin-top: 5px;
}

.item-title {
  font-size: 16px;
  font-weight: bold;
  color: #b22222;
  padding-top: 5px;
}