@charset "UTF-8";

/* Lukfook Theme*/
.LfTheme.Geometry{background-image:url("/javax.faces.resource/images/LF/main-top.png.xhtml?ln=lfgsite"); 
    background-attachment:fixed; background-position: top left;background-repeat: repeat-x;}
.LfTheme{background-image:none;}
.LfTheme #layout-topbar{background-color:#e4dccf;}
.LfTheme .ui-overlaypanel-content {background-color: transparent;}
.LfTheme .ui-panel .ui-panel-titlebar { background-color: #b69f7b;}
.LfTheme .ui-button { background-color: #b69f7b; }
.LfTheme .ui-datatable .ui-datagrid-header, .ui-datatable 
         .ui-datatable-header, .ui-datatable .ui-datatable-subtable-header, 
         .ui-datatable .ui-datatable-summaryrow  { background-color: #b69f7b;}
.ui-paginator-top {background-color: #b69f7b;}
.ui-paginator-bottom {background-color: #b69f7b;}
.ui-paginator .ui-paginator-rpp-options { background-color: #c0ae8d; }

/*KPI Related*/
.KpiThumbFrame {
    /*height: 290px; width: 360px; */
    white-space: nowrap; 
    text-align: center; margin: 1em 0;}

.KpiThumbFrame img {
    vertical-align: middle;
    max-height: 200px; max-width: 275px;
    height: 100%; width: 100%;
}

.tblModeThumb {max-width: 100px;max-height: 100px;}
.thumbWidthSet {max-width: 100px;}
.thumbHeightSet {max-height: 100px;}
.picModeWidthSet {max-width: 360px;}
.picModeHeightSet {max-height: 290px;}

/* equals max image height  border: 1px solid red;*/
.picModeThumbFrame {
    /*height: 290px; width: 360px; */
    white-space: nowrap; 
    text-align: center; margin: 1em 0;}

.picModeThumbFrame img {
    vertical-align: middle;
    max-height: 290px; max-width: 360px;
    height: 100%; width: 100%;
}

.tblModeThumbFrame { /* equals max image height  border: 1px solid red;*/
    height: 100px;      
    width: 100px;
    white-space: nowrap;
    text-align: center; margin: 1em 0;
}
.tblModeThumbFrame img {
    vertical-align: middle;
    max-height: 100px; max-width: 100px;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

/** For Image**/
.imageDispaly{width: 100%;}
.ImageDiv {width: 100%; max-width: 400px; max-height: 600px;}
.ImageDiv img {vertical-align: middle;width: 100%; 
               max-width: 400px; max-height: 600px;}
.ImageDiv canvas {vertical-align: middle;width: 100%; 
                  max-width: 400px; max-height: 600px;}
.myclass{display: block;}
.myCurrclass{display: block;}
.resultImgUpload{width: 100%;height: 100%}

/**Quiz **/
/*
.Opt1Colored .opt1NonEditCol {background-color: darkgray;}
.Opt1Colored .opt1WarnCol {background-color: yellow;}
.Opt2Colored .opt2NonEditCol {background-color: darkgray;}
.Opt2Colored .opt2WarnCol {background-color: yellow;}
.Opt3Colored .opt3NonEditCol {background-color: darkgray;}
.Opt3Colored .opt3WarnCol {background-color: yellow;}
.Opt4Colored .opt4NonEditCol {background-color: darkgray;}
.Opt4Colored .opt4WarnCol {background-color: yellow;}
.Opt5Colored .opt5NonEditCol {background-color: darkgray;}
.Opt5Colored .opt5WarnCol {background-color: yellow;}
.Opt6Colored .opt6NonEditCol {background-color: darkgray;}
.Opt6Colored .opt6WarnCol {background-color: yellow;}
.noReplyColored .noReplyNonEditCol {background-color: darkgray;}
*/

/*Style For UI Panel ------------------------------------------------------------------------------------- */
/*
.Implementation .ui-panel{border: 1px solid #C8D9E2; padding:2px !important;}
.Implementation .ui-panel .ui-panel-titlebar{
    padding: 4px 10px 5px 10px !important; font-size: 14px; border:solid 1px #175787; color:#ffffff; text-shadow: 0 -1px 0 #0A385E; z-index:100;
    border-radius:3px !important; -webkit-border-radius:3px !important; -moz-border-radius:3px !important;
    background: #1578c9;
    background: -moz-linear-gradient(top, #1578c9 0%, #0b66b1 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #1578c9), color-stop(100%, #0b66b1));
    background: -webkit-linear-gradient(top, #1578c9 0%, #0b66b1 100%);
    background: -o-linear-gradient(top, #1578c9 0%, #0b66b1 100%);
    background: -ms-linear-gradient(top, #1578c9 0%, #0b66b1 100%);
    //background: linear-gradient(to bottom, #1578c9 0%, #0b66b1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1578c9', endColorstr='#0b66b1', GradientType=0 ); font-family: 'titillium_webregular' !important;}
.Implementation .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon,
.Implementation .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover,
.Implementation .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus{margin-top:0px;}
.Implementation .ui-panel .ui-panel-content{padding:5px !important; overflow:hidden; font-size: 14px;}
.Implementation .ui-panel .ui-panel-footer{
    border-top: solid 1px #E8EDF2 !important; 
    background-color: #F3F5F7; margin: 0px -2px -2px -2px !important; font-size: 14px;
    border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}

.brcodPnl{display : none;}
.advSerachBtn{display : block;}
.showcounterdown{display : block;}
.stopcounterdown{display : block;}
.td1 {width:30%;}
.td2 {width:100%;}
.td-ui-button {width: 40px}

@media (min-width: 600px) {    
    .qizSelectLightBox{display: block}
    .qizSelectOverLay{display: none}
    .qizApprovOverLay{display: none;}
    .td-btnMobleDisplay .ui-button{display: none; }
    .td-btnDisplay .ui-button{display: table-cell; }
    .td-ui-button {width: 40px}
}
@media (max-width: 599px) {
    
    .qizSelectLightBox{display: none}
    .qizSelectOverLay{display: block;}
    .qizApprovOverLay {display: block;}
    .td-btnMobleDisplay .ui-button{display: table-cell; }
    .td-btnDisplay .ui-button{display: none; }
    .td-ui-button {width: 100%}
}

input[type=checkbox] {
  transform: scale(1.5);
}
*/