@charset "UTF-8";

/* Lukfook Theme*/
.LfTheme.Geometry{background-image:url("/app.qiz/javax.faces.resource/images/LF/main-top.png.xhtml?ln=main"); background-attachment:fixed;  background-position: top left;background-repeat: repeat-x;}
.LfTheme{background-image:none;}
.LfTheme #layout-topbar{background-color:#e4dccf;}
.LfTheme .ui-panel .ui-panel-titlebar { background-color: #b69f7b;}
.LfTheme .ui-button { background-color: #b69f7b; }
.LfTheme .ui-datatable .ui-datagrid-header, 
.LfTheme .ui-datatable .ui-datatable-header,
.LfTheme .ui-datatable .ui-datatable-subtable-header, 
.LfTheme .ui-datatable .ui-datatable-summaryrow  { background-color: #b69f7b;}
.LfTheme .ui-paginator-top {background-color: #b69f7b;}
.LfTheme .ui-paginator-bottom {background-color: #b69f7b;}
.LfTheme .ui-paginator .ui-paginator-rpp-options { background-color: #c0ae8d; }
.LfTheme .ui-paginator .ui-paginator-bottom .ui-widget-header .ui-corner-bottom  { background-color: #c0ae8d; }
.LfTheme .ui-datatable table thead tr th, .ui-datatable table tfoot tr td, .ui-datatable table thead tr th { font-size: 13px; }
.LfTheme .ui-datatable tbody td.wrap {white-space: normal;}
.LfTheme .ui-datatable table tbody tr td { font-size: 12px; }
.LfTheme #layout-portlets-cover .Card{ padding:10px;}
.LfTheme .ui-selectmanycheckbox label{font-size: 14px;}

.Geometry .ui-panel .ui-panel-content{overflow:hidden; }
.Geometry .ui-datatable .ui-button {font-size: 12px;  }
.Geometry .ui-datatable .ui-button-text-icon-left .ui-button-text {padding: 5px 10px 5px 25px  !important;  }
.Geometry .ui-button-icon-left {margin-left:0px;left: 0.2em;}

/** For Shop Seleection Component**/
.qizSelectLightBox { display: block }
.qizSelectOverLay { display: block }

.qizApprovOverLay{display: block;}

/** 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%}

/** For Table Response**/
.td-btnMobleDisplay .ui-button{white-space:pre-line; }
.td-btnDisplay .ui-button{white-space:pre-line; }

/** to handle table overflow**/
.singleLine{text-wrap:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/**Quiz standalone page**/
.LfTheme .ui-button.ui-button-nonedit  {background-color: darkgray; }
.LfTheme .ui-button.ui-button-nonedit.ui-button-text-only .ui-button-text  {padding: 5px 20px !important;}
.LfTheme .ui-button.ui-button-waring  {background-color: #FFDB00;}
.LfTheme .ui-button.ui-button-waring.ui-button-text-only .ui-button-text  {padding: 5px 20px !important;}
.LfTheme .ui-button.ui-button-select  {background-color: #b69f7b;}
.LfTheme .ui-button.ui-button-select.ui-button-text-only .ui-button-text  {padding: 5px 20px !important;}
.LfTheme .ui-overlaypanel-content {background-color: transparent;}

/**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);
}