body{
 -webkit-touch-callout: none; 
 -webkit-user-select: none; 
 }

 input { -webkit-user-select: auto;}



.menuList > .ui-listview > .ui-li-has-thumb > .ui-btn, .ui-listview > .ui-li-static.ui-li-has-thumb {
     min-height: 48px;
     padding-left: 68px;
 }

.ui.page {
    -webkit-transform: translateZ(0);
    -webkit-perspective:1000;
    -webkit-backface-visibility: hidden;
 }


.navbar {
    border-bottom: 1px solid #0A345C;
    height: 40px;
    white-space: nowrap;
	overflow: hidden;
	text-align:center;
	color:#FFFFFF;
}

.mainColorButton
{
    background-color:#009f3c !important;
    color:#FFFFFF !important;
    font-size:18px !important;
    text-shadow:none !important;
}

.mainColorButton img
{
     width:24px;
     height:24px;
     float:left;
}

.ui-header {
   color:#FFFFFF;
   height:44px;
   padding:0px;
   margin:0px;
   border-width:0px;
}

.ui-header > h1 {
     box-shadow:none;
}
.ui-header a
{
   background-color:transparent;
   border:0px;
   padding:2px;
   padding-top:8px;
   width:30px;
   height:30px;

}
.ui-header> .ui-btn{
   background-color:transparent;
   border:0px;
   box-shadow:none;
}
 .ui-header > .ui-btn > img {
   width:24px;
   height:24px;
   border:0px;
   box-shadow:none;
}

.ui-listview > .ui-li-has-icon > img:first-child,
.ui-listview > .ui-li-has-icon > .ui-btn > img:first-child {
	position: absolute;
	left: 10px;
	top: 8px;
	max-height: 32px;
	max-width: 32px;
}
.ui-listview > li h3
{
	font-size:16px;
	margin-top:5px;
	margin-bottom:5px;
}

.ui-listview > li h2
{
	font-size:16px;
	margin-top:5px;
	margin-bottom:5px;
}


.yy-icon td{width:25%;list-style:none;border-left:1px solid #EEEEEE;border-bottom:1px solid #EEEEEE;}
.yy-icon td a{display:block; text-align:center;color:#444;font-weight:normal;font-size:12px; text-decoration:none;text-shadow:none}
.yy-icon td a img{width:56px;height:56px; -webkit-border-radius: 24px; }
.yy-icon td a span{display:block;text-align:center;margin-top:2px;text-shadow:none}

ui-collapsible-content
{
   padding:0px;
}

 .ui-btn-x > img:first-child
{
      position: absolute;
      left:12px;
      width:24px;
      height:24px;
      border:0px;
      box-shadow:none;
}

.lzAvatar
{
   position: absolute;
   margin-left:-60;
   left:10px;
   width:40px;
   height:40px;
   top:8px;
   text-align:center;
   font-size:14px;
   font-weight: bold;
   -webkit-border-radius:20px;
   border-radius:20px;
   color:#FFFFFF;
   box-shadow:none;
   text-shadow:none;
   line-height : 40px;
   vertical-align: middle;
}

.lzAvtarBgColor_0{background:#62B1F6;}
.lzAvtarBgColor_1{background:#0038A8;}
.lzAvtarBgColor_2{background:#E30B5C;}
.lzAvtarBgColor_3{background:#964B00;}
.lzAvtarBgColor_4{background:#6699FF;}
.lzAvtarBgColor_5{background:#FFA500;}
.lzAvtarBgColor_6{background:#FFC0CB;}
.lzAvtarBgColor_7{background:#8F00FF;}

.lzAvtarBtn {
	float: right;
	font-size: 16px;
	z-index: 1000;
	border-radius: .5em;
	float: right;
	background:#62B1F6;
}


.lzlist label.ui-input-text  { vertical-align: top;}
.lzlist label.ui-input-text { display: inline-block;  width: 70%;  margin: 0 2% 0 0; }
.lzlist input.ui-input-text,.lzlist textarea.ui-input-text,.lzlist .ui-input-search { width: 50px; display: inline-block; }

.lztable{
    border:0px;
    cellpadding:0px;
    cellspacing:0px;
    width:100%;
}

.lztable tr{
    height:50px;
}

.lztable td{
  valign:middle;
  border-bottom:1px solid #DDDDDD;
  text-align :right;
}

.lztable tr td:first-child{
   text-align :left;
   min-width:80px;
}

.lztable a { display:block;font-weight:normal;text-decoration:none;text-shadow:none}

textarea.ui-input-text{min-height:100px;}

.lzRadio  .ui-radio
{
   margin:0px;
   padding:0px;
   width:60px;
   border-top:0px solid #DDDDDD;
   border-left:0px solid #DDDDDD;
   border-right:0px solid #DDDDDD;
   border-bottom:0px solid #DDDDDD;
}

.imgCache{
	width:130px;height:130px;padding:10px 5px 0 5px;
}

.lzDisplay
{
  display:block
}

 .mainAppName
 {
    color:#FFFFFF !important;;
    text-decoration:none !important;
    background: url(../images/open.png) no-repeat;
    background-position: 100% 8px;
    background-size:16px 16px;
    padding-right:20px !important;
 }

.taskSearch {

    background-color:#1F78FD !important;
}

     .taskSearch li
     {
         text-align:center;
     }

     .taskSearch  Select
     {
        min-width:20px;
        border:none;
        outline: none;
        text-align:center;
        height: 30px !important;
        width:auto;
        line-height: 30px;
        font-size:16px;
        background: transparent;
        color:#ffffff !important;
        appearance:none;
        -moz-appearance:none; /* Firefox */
        -webkit-appearance:none; /* Safari บอ Chrome */
        background: url(../images/open.png) no-repeat right;
        background-size:16px 16px;
        padding-left:3px;
        padding-right:18px;
     }

     #viewTask {

     }

     #viewTask  .indicatorContainer
     {
         width:80px!important;
         height:80px!important;
         position:absolute!important;
         top:50%!important;
         margin-left:-115px!important;
         margin-top:-50px!important;
     }

     .full-width-slider
     {
        display: none;
     }
     .full-width-slider input {
         display: none;
     }

    .full-width-slider  .ui-slider-track .ui-btn-active
    {
        background-color:#c43633;
        text-shadow:none;
    }

     .full-width-slider .ui-slider-track {
         margin-left: 10px;
         height:1px;
         border-width:1px;
          text-shadow:none;
     }

    .full-width-slider .ui-slider-track .ui-btn.ui-slider-handle
     {
         width:5px;
         height:14px;
         border-color:#c43633;
         border-radius: 3px;
         margin: -8px 0 0 -8px;
         background-color:#c43633;
         text-shadow: 0 1px 0 #f3f3f3;
     }

   .mobileCheck {
      display:none;
   }

   .systemConfig
   {
      display:none;
   }


   .movie-list thead th,
   .movie-list tbody tr:last-child {
       border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
       border-bottom: 1px solid rgba(0,0,0,.1);
   }
   .movie-list tbody th,
   .movie-list tbody td {
       border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback  */
       border-bottom: 1px solid rgba(0,0,0,.05);
   }
   .movie-list tbody tr:last-child th,
   .movie-list tbody tr:last-child td {
       border-bottom: 0;
   }
   .movie-list tbody tr:nth-child(odd) td,
   .movie-list tbody tr:nth-child(odd) th {
       background-color: #eeeeee; /* non-RGBA fallback  */
       background-color: rgba(0,0,0,.04);
   }

   .lzInput  .ui-collapsible-heading-toggle {
     white-space:normal !important;
     word-wrap: break-word !important;
     word-break: break-all !important;
 }