@charset "utf-8";
img[title]{font-size:0px;}
.divempty {clear:both;}
.divempty5 {clear:both; height:5px;}
.divempty10 {clear:both; height:10px;}
.divempty20 {clear:both; height:20px;}
.divempty30 {clear:both; height:30px;}
.divempty40 {clear:both; height:40px;}
.rht{float:left;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}
input[type="email"]:focus, .ie input[type="password"]:focus{
    background:transparent;
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff,endColorstr=#80ffffff)";
    zoom: 1;
}
.inp input[type="text"]{min-height:34px;}
.inp {   float:left;display:inline;width:100%; position:relative;}
.inp_dp {  float:left;display:inline; position:relative;background-color:#fff; width: 100%;border:1px solid #ccc;padding: 5px 1.5%; }
.inp_dp .fa-calendar,  .inp_dp .fa-clock-o{ float:right;width:auto;display:inline;position:relative;text-align:center;font-size:22px;}/* font family writen for the arrow*/
.inp_dp input{border:0 none !important;padding:0 !important;width:80%;float:left;}
.inp_tp {  float:left;display:inline; width:100px; position:relative;}
.inp_tp i{ position:absolute;right:10px;top:10px;}
.dsrht[isRequired='true']  .inp, .dsrht[isRequired='true']  .cmbflt, .dsrht[isRequired='true'] .inp_dp, .dsrht[isRequired='true'] > .inp input, .dsrht[isRequired='true'] > .inp textarea, .dsrht[isRequired='true'] .inp_dp input{ background:#ffffe8; }/*box-shadow: 0 0 5px #ffc000; border-color: #ffc000;*/
.col_rht[isRequired='true'] > div, .col_rht[isRequired='true'] > div input, .col_rht[isRequired='true'] > div textarea  {background:#ffffe8;}
.col_grht[isRequired='true'] > div, .col_grht[isRequired='true'] > div input, .col_grht[isRequired='true'] > div textarea  {background:#ffffe8;}
.col_rrht[isRequired='true'] > div, .col_rrht[isRequired='true'] > div input, .col_rrht[isRequired='true'] > div textarea  {background:#ffffe8;}
.col_hrht[isRequired='true'] > div, .col_hrht[isRequired='true'] > div input, .col_hrht[isRequired='true'] > div textarea  {background:#ffffe8;}
.col_rht.email_body8[isRequired='true'] > div, .col_grht.email_body8[isRequired='true'] > div, .col_rrht.email_body8[isRequired='true'] > div, .col_hrht.email_body8[isRequired='true'] > div{background:transparent;}
.col_rht.email_body8{margin:0px 5px;}
.col_rht.email_body8 .nicEdit-main p{padding:5px 0px}
.gen_rht .inp ,.gen_rht textarea[isRequired='true']  {background:#ffffe8;}
.stt_rht > div input[isRequired='true']  {background:#ffffe8;}
.col_rht > div[isRequired='true'], .col_rht > div[isRequired='true'] .cmbflt{background:#ffffe8;}
.col_arht[isRequired='true'] .cmbflt, .col_arht > div[isRequired='true'] .cmbflt{background:#ffffe8;}
.col_rht > div[isRequired='true'] .inp, .col_rht > div[isRequired='true'] > div input, .col_rht > div[isRequired='true'] > div textarea  {background:#ffffe8;}
.col_grht > div[isRequired='true'] .inp , .col_grht > div[isRequired='true'] > div input, .col_grht > div[isRequired='true'] > div textarea  {background:#ffffe8;}
.col_arht > div[isRequired='true'] .inp , .col_arht > div[isRequired='true'], .col_arht > div[isRequired='true'] input  {background:#ffffe8;}
.col_hrht > div[isRequired='true'] .inp, .col_hrht > div[isRequired='true'] > div input, .col_hrht > div[isRequired='true'] > div textarea  {background:#ffffe8;}
.col_rht > div[isRequired='true'] .inp_dp, .col_grht > div[isRequired='true'] .inp_dp {background:#ffffe8;}
.col_rht > .col2[isRequired='true'] .cmbflt {background:#ffffe8;}
.col_arht > div[isRequired='true'] {background:#ffffe8;}
.col_rht > .col2[isRequired='true'] .cmbflt li input, .col_grht[isRequired='true'] .cmbflt li input, .col_grht > .col2[isRequired='true'] .cmbflt {background:#ffffe8;}
.inp[isRequired='true'], .inp[isRequired='true'] > textarea  {background:#ffffe8;}
.col_rht[isRequired='true'] > div:before, .dsrht[isRequired='true'] > div:before, .col_grht[isRequired='true'] > div:before, .col_rht > div[isRequired='true']:before, .col_grht > div[isRequired='true']:before, .col_rht textarea[isRequired='true']:before, .drop_list div[class*="col-md-"][isRequired='true']:before{content:"*"; color:#333; position:absolute; left:-8px; top:8px;}
.col_rht[type='5'] > div:before, .col_rht[type='14'] > div:before, .col_rht[type='22'] > div:before, .col_rht > div[type='22']:before, .col_rht > div[type='5'] > div:before, .col_rht > div[type='14'] > div:before, .col_rht > div[type='22'] > div:before {left:-5px;}
.col_grht[type='5'] > div:before, .col_grht[type='14'] > div:before, .col_grht[type='22'] > div:before, .col_grht > div[type='22']:before, .col_grht > div[type='5'] > div:before, .col_grht > div[type='14'] > div:before, .col_grht > div[type='22'] > div:before {left:-5px;}
.dsrht[isRequired='true'] > div:not(.inp):not(.inp_dp):before, .drop_list div[class*="col-md-"][isRequired='true']:before{left:0px;}
.col_rht[isRequired='true'] > div:not(.inp):not(.inp_dp):not(.cmblst):not(.autoPick):before{left:0px;}
.col_grht[isRequired='true'] > div:not(.inp):not(.inp_dp):not(.cmblst):not(.autoPick):before{left:0px;}
.col_grht[isRequired='true'][type='14'] > div:not(.inp):not(.inp_dp):not(.cmblst):not(.autoPick):before{left:-3px;}
.col_rht > div[isRequired='true'][type='14']:not(.inp):not(.inp_dp):not(.cmblst):not(.autoPick):before{left:-3px;}
.col_rht[isRequired='true'].isr > div:before{left:-3px !important;}
.col_rht .upimg img{ width:120px; height:120px;}
input, textarea, input.form-control{ font-size:14px;  font-family: 'LatoRegular'; color:#333;float:left;display:inline; width:100%; border:0px; padding:0px; margin:0px; outline: none;  line-height:22px;padding:5px 1% !important;border: 1px solid #ccc; border-radius:0px;}
input.form-control{height:auto;}
.col_grht .input-group-addon {height:100%; right:26px;}
.col_grht .input-group-addon i{height:100% !important;  width:28px !important; border:1px solid #ccc !important; color:#666666; line-height:32px !important;}
textarea{   min-height:50px; }
input[type='radio']{outline:0px; width: 16px; height: 18px; }
input[type='checkbox'],  input[type='radio']{width: 16px; height: 18px; padding:2px; margin-top: 5px;box-shadow:none; margin-right: 5px;position: relative;	}
.genbt{margin:0px 10px;  text-align:center;}
.btset { padding-bottom: 0px !important;}
.form_hint {background: #34495e; -webkit-box-shadow:1px 3px 6px rgba(0,0,0,.4);box-shadow:1px 3px 6px rgba(0,0,0,.4); border-radius: 4px;  color:#fff; margin-left:8px; padding:6px; font-size:11px; z-index: 4444; position: absolute; display: none; top:-44px; right:0px; min-width:120px; }
.form_hint::before {content: "\f0d7"; font-size:24px; color:#34495e; position:absolute; bottom:-14px; right:16px;}
input + .form_hint, textarea + .form_hint, .cmbflt + .form_hint{display: inline !important;}
input:required:valid + .form_hint, textarea:required:valid + .form_hint, select:required:valid + .form_hint {background: #34495e;}
input:required:valid + .form_hint::before, textarea:required:valid + .form_hint::before, select:required:valid + .form_hint::before {color:#34495e;}
.gray{color:#999 !important;}
.black{color:#333 !important;}
.no_rec{color:#ff0000 !important; font-size:12px !important; text-align:center !important;}

/* button*/
.edt, .asg, .act, .inact, .dlt, .sav, .actfa, .sml_ico_btn{color:#fff; margin-right:5px;  padding:4px; width:28px; height:28px; cursor:pointer; font-size:18px; line-height:20px !important; text-align:center; vertical-align:middle;}
.prv {color: #77cc55; font-size:18px;}
.prvin { color: #999; font-size:18px;}
.edt{ background:#00adef; }
.asg{ background:#f0cc44; }
.act{background:#77cc55; padding:4px !important;}
.actfa{background:#77cc55; padding:2px 8px 4px 4px !important; }
.sav{background:#77cc55;}
.inact{background:#999;}
.dlt{background:#ff8877;}
.pad{ margin-right:5px;}
.sml_ico_btn{width:22px; height:22px; line-height:15px !important; font-size:14px}
/* Error message */
.fed {font-size:18px; font-weight:normal; color:#fff; padding:10px 0px 0px 0px; position:fixed; z-index:9999999; top:0px; left:0px; width:100%; margin:0px;  font-family: 'LatoBold';}
.fed_eor { background:#e44545;}
.fed_alt, .fed_gen { background:#f39c12;}
.fed_inf { background:#33628a;}
.fed_suc { background:#5ca77c;}
.fed .fed_txt > div{ width:80%; padding-left:40px; }
.fed_eor .fed_txt:before {content:"\f057"; font-family: 'FontAwesome'; font-size:18px; padding-right:10px; position:absolute; top:12px; left:10px; }
.fed_alt .fed_txt:before, .fed_gen:before  {content:"\f071"; font-family: 'FontAwesome'; font-size:18px; padding-right:10px; position:absolute; top:12px; left:10px; }
.fed_inf .fed_txt:before {content:"\f05a"; font-family: 'FontAwesome'; font-size:18px; padding-right:10px; position:absolute; top:12px; left:10px; }
.fed_suc .fed_txt:before {content:"\f046"; font-family: 'FontAwesome'; font-size:18px; padding-right:10px; position:absolute; top:12px; left:10px; }
.fed a { color:#eee; cursor:pointer; width:10px; line-height:20px; position:absolute; top:12px; right:25px; text-decoration:none;}
.fed a:hover { color:#666;}
.fed_conf{color:#ff0000; text-align:center; font-size:14px;font-weight:normal;}

.fed_gen {font-size:16px; font-weight:normal; color:#fff; padding:10px 10px 10px 40px; position:relative; margin-bottom:10px;}
.fed_yel{background:#fffdab; font-size:18px; font-weight:normal; color:#fff; padding:15px; border:1px solid #eacf67; color:#666; }
.fed_yel i{color:#d79100;}
/* date picker */
.dtlst{position:absolute;   background-color:#302F3F; color:#fff; border-radius:4px; padding:5px; font-size:12px; font-weight:normal; z-index:7778; right:0%;margin:32px 0 0; width:250px !important;}
.dtlst .dphed{ padding:0px; margin:0px; color:#fff; font-weight:normal;}
.dtlst .dphed table th{ vertical-align:middle;text-align:center;}
.dtlst .dphed .dpt{color:#fff; cursor:pointer;}
.dtlst .dphed table{ border:0px;}
.dtlst .dphed td{ color:#fff; font-weight:normal; padding:0px; text-align:center;}
.dtlst .dphed .dph{color:#ccc; border-bottom:1px solid #777; cursor:inherit !important;}
.dtlst .dphed .dpd{color:#fff; cursor:pointer; }
.dtlst .dphed .curt{ background-color:#999; border-radius:4px; cursor:pointer;}
.dtlst .dpm, .dtlst .dpy{background-color:#302F3F; width:250px; z-index:111; position:absolute; top:25px; left:0px; height:90%; border-radius:4px; min-height: 205px;} 
.dtlst .dpm > table, .dtlst .dpy > table{ margin-top:-20px;}
.dtlst .dpm > table > tbody > tr > th, .dtlst .dpy > table > tbody > tr > th{background-color:#302F3F;}
.dtlst .dpm td{ padding:6px; cursor:pointer; }
.dtlst .dpm input, .dtlst .dpy input{background:#f15151 !important; color:#fff; padding:5px 10px !important; margin:10px;}
.dtlst .dpy td{ padding:2px; cursor:pointer; vertical-align:middle;}
.dtlst i{ float:inherit !important; text-align:inherit !important; font-family:arial !important;}
.cnt_dat .dtlst{right:-50px;}
/* time picker */
.dptlst{position:absolute; width:275px !important;margin:32px 0 0; background-color:#302F3F; color:#fff; border-radius:4px; padding:0px; font-size:12px; font-weight:normal; float: none !important; right:0; display: inherit !important;}
.dptlst table { border-collapse:collapse; border-spacing:0px;background-color:#302F3F !important; width:100%;}
.dptlst .dpthed { font-size:14px;background-color:#000; padding:0px !important;}
.dptlst .dpthed input:first-child{ border-radius:4px 0px 0px 0px; border-right:1px solid #fff; width:49.5%; margin-left:1px; text-transform:uppercase;}
.dptlst .dpthed input:nth-child(2){ border-radius:0px 4px 0px 0px; width:50%; text-transform:uppercase;}
.dptlst .dpt {color:#fff; cursor:pointer;background-color:#000; padding:0px !important;}
.dptlst .dpt td{ color:#fff !important ; font-weight:normal; padding:0px 5px; width:60px; margin:0px; line-height:30px !important;}
.dptlst .dpt td b{ display:inline-block; padding-left:2px;color:#fff;}
.dptlst .dpthed .active{color:#999; background-color:#ccc !important;border:0px;  padding:9px 0px 8px 0px; margin:0px  !important; border-radius:0px !important; }
.dptlst .dpthed .inactive{ color:#fff;  background-color:#302F3F !important; border:0px; padding:8px 0px; margin:0px  !important; border-bottom:1px solid #fff; cursor:default; border-radius:0px !important;}
/* grid */
.grd_mach .pro_out{width:75% !important;}
.grd_mat{ font-size:12px; text-align:left; max-height:300px; overflow:auto;}
.grd_mat .mat_emt{ width:122px; display:block; height:50px; float:left; padding:5px;}
.grd_mat .mat_txt{width:120px; display:block; height:20px; text-align:right; float:left; padding:8px 5px; line-height:14px; overflow: hidden; white-space: nowrap;  -o-text-overflow: ellipsis;  -ms-text-overflow: ellipsis;  text-overflow: ellipsis;}
.grd_mat .flt > div:first-child { border-top:0px;}
.grd_mat > div:nth-child(3) > div:last-child { border-bottom:1px solid #ccc;}
.grd_mat .flt > .col_clr { border-top:0px;}
.grd_mat .flt > div{ border-right:1px solid #ccc; border-top:1px solid #ccc;}
.grd_mat .mat_val{width:36px; display:block; height:20px; text-align:center; float:left; padding:8px 5px; }
.grd_mat .mat_hed{float:left;  width:30px; height:50px; text-align:center; position:relative; padding:8px;}
.grd_mat .mat_hed > div{ width:32px; position:absolute; bottom:8px; text-align:left; left:42px; -ms-transform: rotate(320deg);     -webkit-transform: rotate(320deg);     transform: rotate(320deg);   }
.grd_mat .mat_hed > div > div{width:66px;  border-bottom:1px solid #ccc; height:8px; }
.grd_mat .mat_hed > div > div > div{position:absolute; width:66px; left:-5px; bottom:10px; overflow: hidden; white-space: nowrap;  -o-text-overflow: ellipsis;  -ms-text-overflow: ellipsis;  text-overflow: ellipsis; }
.grd_mat > div:nth-child(3){}
.grd_mat > div:nth-child(3) > div{display:block; }

.grd_hed > table{ border-top:1px solid #ccc !important;}
.grd_hed th{ font-size:12px !important;}
.grd_hed th:hover{background-color:transparent !important; color:#555 !important;}
.grd_hed tr{background-color:transparent !important;}
.grd_hed tr:hover{background-color:transparent !important;}
.grd_hed tr tr td{ border-bottom:1px dotted #ccc; }
.grd_hed tr tr:last-child td{ border-bottom:0px; }
.grd_hed .norecords{padding-bottom:24px;}
 
.grd_srcfls .src_hed{padding:0px;}

.i_ico{ font-size:12px !important; color:#fff; position:relative; border-radius:50%; width:16px; height:14px; padding-top:2px; text-align:center; display:inline-block; line-height:16px; background:#999;}
.ico_sml{ font-size:14px !important; color:#00adef;}
.tol_tip{ position:absolute; padding:0px 5px; font-family:"LatoRegular"; font-style:normal; text-align:left; background:#fff; border:1px solid #00adef; z-index:3333; width:300px; top:24px; left:0px; color:#666; -webkit-box-shadow:0 3px 6px rgba(0,0,0,.50);box-shadow:0 3px 6px rgba(0,0,0,.50);}
.tol_tip .grd{ font-family:"LatoRegular" !important;}
.tol_tip .grd td, .tol_tip .grd tr, .tol_tip .grd th{background-color:transparent !important; cursor:default; color:#333;}
.tol_tip .grd td td{border-bottom:1px dotted #ccc;}
.tol_tip .grd th:hover{background-color:transparent !important; color:#555 !important;}

.emp_toltip{ position:absolute;  -webkit-transition: all 1s ease-in-out;  -moz-transition: all 1s ease-in-out;  -o-transition: all 1s ease-in-out;  transition: all 1s ease-in-out; opacity:1; padding:10px; font-style:normal; text-align:left; background:#fff; border:1px solid #00adef; z-index:4444; min-height:150px; width:300px;  top:-78px; right:-4%; color:#666; -webkit-box-shadow:-4px 3px 6px rgba(0,0,0,.2);box-shadow:-4px 3px 6px rgba(0,0,0,.2);}/*max-height:600px; overflow-y:auto;*/
.emp_toltip:after, .emp_toltip:before {	right: 100%;	top:100px;	border: solid transparent;	content: " ";	height: 0;	width: 0;	position: absolute;	pointer-events: none;}
.emp_toltip:after {	border-color: rgba(136, 183, 213, 0); border-right-color: #fff;	border-width: 15px;	margin-top: -15px;}
.emp_toltip:before {	border-color: rgba(194, 225, 245, 0); border-right-color: #00adef;	border-width: 16px;	margin-top: -16px;}

.emp_toltip_hide{ width:0px; overflow: hidden; opacity:0; padding:0px; border:0px;}
.emp_toltip_rht{right:inherit !important; left:-3%;}
.emp_toltip_rht:after, .emp_toltip_rht:before{right:inherit !important; left:100% !important;}
.emp_toltip_rht:after {	border-left-color: #fff; border-right-color:transparent;}
.emp_toltip_rht:before {border-left-color: #00adef;	border-right-color:transparent;}
.grd_inr table{padding:10px;margin-bottom:0;/*background-color:#f5f5f5;*/}
.grd_inr table table{padding:0; }
.grd_inr table table table{border:1px solid #f5f5f5; padding:0px;}
.grd_inr:before{ position:absolute; font-size:36px; top:-24px; right:4%; content:"\f0d8"; color:#c5efff;}
.grd_inr_35:before {    right: 35%;}
    .grd_inr_lft:before {
        right: 96% !important;
    }
.grd_inr{ font-size:12px; color:#333; margin:10px 0; border:0px solid #f5f5f5;padding:10px; position:relative;background-color:#c5efff;}
 
.grd_inr .src_hed{padding:0px;}
.grd_inr > table > tbody > tr > td > table > tbody > tr > td b{  color:#666; padding-right:5px;}
.grd_inr .dec{ overflow: hidden; white-space: nowrap;  -o-text-overflow: ellipsis;  -ms-text-overflow: ellipsis;  text-overflow: ellipsis; width:70%;}
.grd_inr_inr > table > tbody > tr > td > table{   border-collapse: separate; border-spacing: 0 0.2em;}
.grd_inr_inr > table > tbody > tr > td > table > tbody > tr > th{background-color:transparent; font-size:12px; color:#333;}
.grd_inr_inr > table > tbody > tr > td > table > tbody > tr > th:first-child{text-align:left !important;}
.grd_inr_inr > table > tbody > tr > td > table > tbody > tr > td{background-color:#fff !important;}
.grd_inr_inr > table > tbody > tr > td > table > tbody > tr > td:first-child{ border-left:2px solid #00adef; line-height:16px;}
.grd_inr_inr > table > tbody > tr:last-child td{padding:0px;}
.grd_inr_inr > table > tbody > tr > td{padding:0px !important;}

.grd_inr_inr > table > tbody > tr{background-color:transparent !important;}
.grd_inr_inr .src_hed{padding-top:5px;}
.grd_inr_inr .prfimg, .grd_img .prfimg{ width:62px; height:62px; font-size:36px; line-height:62px; background:#f8f8f8; float:left; margin-right:5px;}
.grd_inr_inr .prfimg img, .grd_img .prfimg img{width:60px; height:60px;}

.ratscl_out{ display:inline-block;position:relative;}
.ratscl_out > b, .ratscl_out > a, .ratscl_out > i, .ratscl_out > u { padding:0px 3px !important; height:14px; border-radius:4px; border:1px solid #fff; display:inline-block;}
.ratscl_out > u{background:#ff8877;}
.ratscl_out > i{background:#f0cc44;}
.ratscl_out > b{background:#77cc55;}
.ratscl_out > a{background:#ccc; cursor:default !important;}
.ratscl_out > p{display:inline-block; padding-left:4px;}
.blubg{background:#00adef}
.yel, .blu, .grn, .vol, .gry, .red, .tra, .gren, .gre, .bow{color:#fff; margin:5px 5px 0px 0px; line-height:20px; padding:4px 8px; font-size:12px; text-align:center; display:inline-block;}
.grd_srcfls .yel, .grd_srcfls  .blu, .grd_srcfls  .grn, .grd_srcfls .vol, .grd_srcfls .gry, .grd_srcfls  .red, .grd_srcfls  .tra, .grd_srcfls  .gren, .grd_srcfls  .gre, .grd_srcfls .bow {min-width:46px;}
.vol{ background:#3399cc; }
.blu{ background:#9999cc; }
.yel{ background:#f5a15a;  }
.grn{background:#66cc66 ;}
.gre{background:#77cc55;}
.gren{background:#77cc55; font-size:12px !important; padding:3px 8px !important; line-height:14px;}
.gry{background:#999;}
.red{background:#ff8877; }
.bow{background:#bf9000;}/*brown*/
.tra{background:transparent; color:#333 !important;}
.txt{font-size:12px !important;}
.txt1{font-size:12px !important; padding:0px 8px !important; }

.grd .yel, .grd .blu, .grd .grn, .grd .vol, .grd .gry, .grd .red, .grd .tra, .grd .gren, .grd .gre{margin-top:0px;}
 
.cor_mgr{ margin-top:0px !important;}

.asi_btn{ background:#2b9700;  cursor:pointer; color:#fff !important; font-weight:bold; font-size:14px; margin:0px 0px 5px 5px; padding:2px 8px; }
.asi_txt{  color:#fff !important;}
.grd_pos td{ position:relative;}
.grd{font-size:13px; color:#666;padding:0; border:0px;float:left;display:inline;width:100%; }
.grd .nam , .grd_timent .nam {font-weight:bold; color:#00adef; font-size:13px;}
.grd .tile > div:hover .nam{ color:#00adef !important;}
.grd .dec{float:left;width:70%;}
.grd_timent .nam , .grd_timent .dec_txt{line-height:18px;}   .grd_timent .dec_txt{font-size:12px;}
 
.grd .eml{ width:90% !important;}

.grd_dat{font-size:14px; color:#666; border:0px;}
.grd_dat > table > tbody > tr > td > table { border-collapse:separate; border-spacing:1px; }
.grd_dat > table > tbody > tr > td > table > tbody > tr > th{font-weight:bold; padding:5px; text-align:left; background-color:#c2dff5; color:#555; font-size:14px;}
.grd_dat > table > tbody > tr > td > table > tbody > tr > th:hover{background-color:#00adef;  color:#fff;}
.grd_dat > table > tbody > tr > td > table > tbody > tr > td{font-weight:normal; padding:10px; text-align:left; vertical-align:middle;}

.grd_dat td b{ font-weight:bold; color:#4d7496;}
.grd_dat td a, .grd_ass td a{ cursor:pointer; color:#00adef; font-weight:normal;}
.grd_dat td i{ font-size:18px; cursor:pointer;}

.grd_dat > table > tbody > tr > td > table > tbody > tr:hover{background-color:#fffbdb;}
.grd_dat > table > tbody > tr > td > table > tbody > tr:nth-child(even):hover{background-color:#fffbdb;}
.grd_dat > table > tbody > tr > td > table > tbody > tr:nth-child(even){background-color:#f5f8fc;}
.grd_dat tr:first-child, .grd_dat tr:last-child{border-bottom:0px;}


.outerdiv {width:100%;  position: absolute; top: 0;  left: 0;  right: 5em; }
.innerdiv { overflow-x:auto;   margin-left: 5em;	 margin-right: 5em;   overflow-y:visible;    padding-bottom:1px;  }
.headcol { position:absolute;    left:0;  top:auto;  width:84px !important;}  
.lms_sum_grd table{border:1px solid #eee; border-collapse:separate;}
.lms_sum_grd table > tbody > tr > td:last-child, .lms_sum_grd table > thead > tr > td:last-child {border-left:1px solid #eee; position:absolute;  width:84px !important; right:0; top:auto; text-align:right; }


.lms_sum_grd table > thead > tr > td {background-color:#00adef; white-space:nowrap; border-right:1px solid #eee; border-top-width:0px; font-weight:bold;  padding:8px; text-align:left; vertical-align:middle; color:#fff; font-size:14px; line-height:18px;}
.lms_sum_grd table > tbody > tr > td{  font-weight:normal; font-size:13px;padding:8px;  border-right:1px solid #eee; border-top-width:0px; text-align:left; vertical-align:middle; line-height:18px !important; }
.lms_sum_grd table > tbody > tr:nth-child(odd) > td{ background-color:#fff !important; border-bottom:1px solid #fff;}
.lms_sum_grd table > tbody > tr:nth-child(even) > td{ background-color:#f5f8fc !important; border-bottom:1px solid #fff;}
.lms_sum_grd table > tbody > tr:nth-child(odd) > td:last-child, .lms_sum_grd table > tbody > tr:nth-child(even) > td:last-child{ background-color:#8adfff !important;}

.lms_sum_grd table > tbody > tr > td{ }

/*
.lms_sum_grd{    width: 100%;    overflow: hidden;}
.lms_sum_grd .dataTables_wrapper {width: 100%;}
.lms_sum_grd .DTFC_LeftBodyWrapper, .lms_sum_grd .DTFC_RightBodyWrapper{overflow:inherit !important;}
.lms_sum_grd .DTFC_LeftHeadWrapper td, .lms_sum_grd .dataTables_scrollHeadInner td, .lms_sum_grd .DTFC_RightHeadWrapper td{font-weight:bold; background-color:#00adef; padding:5px; text-align:left; vertical-align:middle; color:#fff; font-size:14px; line-height:18px; border:0 none; }
.lms_sum_grd .dataTables_scrollHeadInner, .lms_sum_grd .dataTables_scrollBody, .lms_sum_grd .dataTables_scrollHeadInner table, .lms_sum_grd .dataTables_scrollBody table{min-width:100%;}
.lms_sum_grd .DTFC_LeftBodyWrapper .odd td, .lms_sum_grd .DTFC_LeftBodyWrapper .even td, .lms_sum_grd .dataTables_scrollBody .odd td, .lms_sum_grd .dataTables_scrollBody .even td, .lms_sum_grd .DTFC_RightBodyWrapper .odd td, .lms_sum_grd .DTFC_RightBodyWrapper .even td{  font-weight:normal; font-size:13px;padding:5px;  text-align:left; vertical-align:middle; line-height:18px !important; border:0 none;  }
.lms_sum_grd .dataTables_scrollBody .odd, .lms_sum_grd .DTFC_LeftBodyWrapper .odd, .lms_sum_grd .DTFC_RightBodyWrapper .odd td{ background-color:#fff !important; border-bottom:1px solid #fff;}
.lms_sum_grd .dataTables_scrollBody .even, .lms_sum_grd .DTFC_LeftBodyWrapper .even, .lms_sum_grd .DTFC_RightBodyWrapper .even td{ background-color:#f5f8fc !important; border-bottom:1px solid #fff;}
.lms_sum_grd .DTFC_RightBodyWrapper .odd td, .lms_sum_grd .DTFC_RightBodyWrapper .even td{background:#8adfff !important; text-align:right;}
.lms_sum_grd .DTFC_RightHeadWrapper td{text-align:right;}
.lms_sum_grd .DTFC_LeftWrapper {width:15% !important;}
.lms_sum_grd .dataTables_scroll{width:78% !important;}
.lms_sum_grd .DTFC_RightWrapper {width:7% !important; left: 93% !important;}
   */


.grd > table > tbody > tr > td > table { border-collapse:separate; border-spacing:0px;}
.grd th{font-weight:bold; background-color:#00adef; padding:1%; text-align:left; vertical-align:middle; color:#fff; font-size:14px; line-height:18px; border:0 none;}

.grd td{  font-weight:normal; font-size:13px;padding:1% 0px;  text-align:left; vertical-align:middle; line-height:18px !important; border:0 none;  max-width:0;}

.grd td b{ font-weight:bold; color:#4d7496;}
.grd td a, .grd_ass td a{ cursor:pointer; color:#00adef; font-weight:normal;     word-wrap: break-word;}
.grd td i{ font-size:18px; cursor:pointer;}
.grd > table > tbody > tr > td > table > tbody > tr:nth-child(odd){ background-color:#fff !important; }
.grd > table > tbody > tr > td > table > tbody > tr:nth-child(even){ background-color:#f5f8fc !important; }
 
.grd tr:first-child, .grd tr:last-child{border-bottom:0px;}
.grd .intsr{ float:right; padding:5px;}
.grd .hed{font-size:14px; font-weight:bold; color:#159bdd;}
.grd .tit{font-size:12px; font-weight:bold; }

.grd .rtpimg{ width:60px; height:60px; background:#eee; margin-right:5px; float:left; text-align:center; line-height:60px; font-size:24px; color:#ccc; position:relative; }
.grd .rtpimg img{ width:60px; height:60px; z-index:1111; position:absolute; top:0px; left:0px;}

.grd .buttoncmb, .grd_asses .buttoncmb, .grd_ass .buttoncmb, .tie_lpgrd .buttoncmb, .lms_grd .buttoncmb{background-color:transparent !important; border:0px; border-radius:0px; min-width:100% !important; width:100% !important; position:relative;}
.grd .buttoncmb .buttontxt, .grd_asses .buttoncmb .buttontxt, .grd_ass .buttoncmb .buttontxt, .tie_lpgrd .buttoncmb .buttontxt, .lms_grd .buttoncmb .buttontxt{min-width:100% !important; cursor:pointer;  width:100%; padding:0px; text-align:center; line-height:0px; letter-spacing:0.8px; display:block; font-size:18px; color:#666;}
.grd .buttoncmb .buttonarw i, .grd_asses .buttoncmb .buttonarw i, .grd_ass .buttoncmb .buttonarw i, .tie_lpgrd .buttoncmb i{ display:none;}
.grd .buttoncmb .buttonlist, .grd_asses .buttoncmb .buttonlist, .grd_ass .buttoncmb .buttonlist, .tie_lpgrd .buttoncmb .buttonlist, .lms_grd .buttoncmb .buttonlist{ margin:0px; padding:0px; position:absolute; z-index:44; right:0px; top:-10px;} 
.grd .buttoncmb .buttonlist ul, .grd_asses .buttoncmb .buttonlist ul, .grd_ass .buttoncmb .buttonlist ul, .tie_lpgrd .buttoncmb .buttonlist ul, .lms_grd .buttoncmb .buttonlist ul{background-color:#fff; border:1px solid #eee; border-radius:0px 0px 4px 4px; cursor:pointer;  z-index:1111; top:-10px; white-space: nowrap;}
.grd .buttoncmb .buttonlist ul li{position:relative;}
.grd .buttoncmb .buttonlist ul li, .grd_asses .buttoncmb .buttonlist ul li, .grd_ass .buttoncmb .buttonlist ul li, .tie_lpgrd .buttoncmb .buttonlist ul li, .lms_grd .buttoncmb .buttonlist ul li{ margin:0px; padding:10px; border-bottom:1px solid #eee; text-align:left;  font-size:14px; color:#666;}
.grd .buttoncmb .buttonlist ul li:hover, .grd_asses .buttoncmb .buttonlist ul li:hover, .grd_ass  .buttoncmb .buttonlist ul li:hover, .tie_lpgrd  .buttoncmb .buttonlist ul li:hover {  background-color:#00adef; color:#fff;}
.grd .buttoncmb .buttonlist ul li[key="Delete"]:before, .grd .buttoncmb .buttonlist ul li[key="Remove"]:before, .grd_asses .buttoncmb .buttonlist ul li[key="Remove"]:before, .tie_lpgrd  .buttoncmb .buttonlist ul li[key="Delete"]:before{ content:"\f014"; padding-right:5px;}
.grd .buttoncmb .buttonlist ul li[key="Delete Opening"]:before, .tie_lpgrd  .buttoncmb .buttonlist ul li[key="Delete Opening"]:before{ content: "\f014"; padding-right:5px;}
.grd .buttoncmb .buttonlist ul li[key="Suspend"]:before, .tie_lpgrd  .buttoncmb .buttonlist ul li[key="Delete Opening"]:before{ content: "\f014"; padding-right:5px;}
.grd .buttoncmb .buttonlist ul li[key="View"]:before, .tie_lpgrd  .buttoncmb .buttonlist ul li[key="View"]:before,.grd .buttoncmb .buttonlist ul li[key="View"]:before{ content: "\f128";  padding-right:5px; font-family: "foundation-icons";}
.grd .buttoncmb .buttonlist ul li[key="View Candidate"]:before, .grd .buttoncmb .buttonlist ul li[key="View Task Details"]:before, .tie_lpgrd  .buttoncmb .buttonlist ul li[key="View Candidate"]:before{ content: "\f128";  padding-right:5px; font-family: "foundation-icons";}
.grd .buttoncmb .buttonlist ul li[key="View Candidate List"]:before, .tie_lpgrd  .buttoncmb .buttonlist ul li[key="View Candidate List"]:before{ content: "\f128";  padding-right:5px; font-family: "foundation-icons";}
.grd .buttoncmb .buttonlist ul li[key="View Form"]:before, .tie_lpgrd  .buttoncmb .buttonlist ul li[key="View Form"]:before{ content: "\f128";  padding-right:5px; font-family: "foundation-icons";}
.grd .buttoncmb .buttonlist ul li[key="QuickView"]:before{content:"\f18d";  padding-right:5px; font-family: "foundation-icons";}
.grd .buttoncmb .buttonlist ul li[key="Details"]:before, .tie_lpgrd  .buttoncmb .buttonlist ul li[key="Details"]:before{ content: "\f128";  padding-right:5px; font-family: "foundation-icons";}
.grd .buttoncmb .buttonlist ul li[key="Edit"]:before, .grd_asses .buttoncmb .buttonlist ul li[key="Edit"]:before, .tie_lpgrd  .buttoncmb .buttonlist ul li[key="Edit"]:before{ content: "\f184"; padding-right:5px; font-family: "foundation-icons";}
.grd .buttoncmb .buttonlist ul li[key="Update"]:before, .grd_asses .buttoncmb .buttonlist ul li[key="Update"]:before, .tie_lpgrd  .buttoncmb .buttonlist ul li[key="Update"]:before{ content: "\f14d"; padding-right:5px;}
.grd .buttoncmb .buttonlist ul li[key="Save"]:before, .grd_asses .buttoncmb .buttonlist ul li[key="Save"]:before, .tie_lpgrd  .buttoncmb .buttonlist ul li[key="Save"]:before{ content: "\f0c7"; padding-right:5px;}
.grd .buttoncmb .buttonlist ul li[key="Cancel"]:before, .grd_asses .buttoncmb .buttonlist ul li[key="Cancel"]:before, .tie_lpgrd  .buttoncmb .buttonlist ul li[key="Cancel"]:before{ content: "\f05e"; padding-right:5px;}
.grd .buttoncmb .buttonlist ul li[key="Close"]:before, .grd_asses .buttoncmb .buttonlist ul li[key="Close"]:before, .tie_lpgrd  .buttoncmb .buttonlist ul li[key="Close"]:before{ content: "\f00d"; padding-right:5px;}
.grd .buttoncmb .buttonlist ul li[key="Abandon"]:before, .grd_asses .buttoncmb .buttonlist ul li[key="Abandon"]:before, .tie_lpgrd  .buttoncmb .buttonlist ul li[key="Abandon"]:before{ content: "\f08e"; padding-right:5px;}
.grd .buttoncmb .buttonlist ul li[key="Edit Opening"]:before, .tie_lpgrd  .buttoncmb .buttonlist ul li[key="Edit Opening"]:before{ content: "\f184"; padding-right:5px; font-family: "foundation-icons";}
.grd .buttoncmb .buttonlist ul li[key="Apply"]:before, .tie_lpgrd  .buttoncmb .buttonlist ul li[key="Apply"]:before{ content: "\f127"; padding-right:5px; font-family: "foundation-icons";}
.grd .buttoncmb .buttonlist ul li[key="Apply For Opening"]:before, .tie_lpgrd  .buttoncmb .buttonlist ul li[key="Apply Opening"]:before{ content: "\f127"; padding-right:5px; font-family: "foundation-icons";}
.grd .buttoncmb .buttonlist ul li[key="New Opening"]:before, .tie_lpgrd  .buttoncmb .buttonlist ul li[key="New Opening"]:before{ content: "\f127"; padding-right:5px; font-family: "foundation-icons";}
.grd .buttoncmb .buttonlist ul li[key="Create Duplicate"]:before, .tie_lpgrd  .buttoncmb .buttonlist ul li[key="Create Duplicate"]:before{ content: "\f180"; padding-right:5px; font-family: "foundation-icons";}
.grd .buttoncmb .buttonlist ul li[key="Download Excel Report"]:before, .grd_asses .buttoncmb .buttonlist ul li[key="Download Excel Report"]:before, .tie_lpgrd  .buttoncmb .buttonlist ul li[key="Download Excel Report"]:before{ content: "\f1c3"; padding-right:5px;}
.grd .buttoncmb .buttonlist ul li[key="Download PDF Report"]:before, .grd_asses .buttoncmb .buttonlist ul li[key="Download PDF Report"]:before, .tie_lpgrd  .buttoncmb .buttonlist ul li[key="Download PDF Report"]:before{ content: "\f1c1"; padding-right:5px;}
.grd .buttoncmb .buttonlist ul li[key="Rehire"]:before, .grd_asses .buttoncmb .buttonlist ul li[key="Rehire"]:before, .tie_lpgrd  .buttoncmb .buttonlist ul li[key="Rehire"]:before{ content: "\f021"; padding-right:5px; font-size:16px;}
.grd .buttoncmb .buttonlist ul li[key="Rehire"]:after, .grd_asses .buttoncmb .buttonlist ul li[key="Rehire"]:after, .tie_lpgrd  .buttoncmb .buttonlist ul li[key="Rehire"]:after{ content: "\f007"; padding-right:5px; position: absolute; color: #999; font-size: 8px; left: 14px; top: 14px;}
.grd  .buttoncmb .buttonlist ul li[key="Activity Log"]:before{ content: "\f00c"; padding-right:5px;}
.grd  .buttoncmb .buttonlist ul li[key="Hold"]:before{ content: "\f256"; padding-right:5px;}
.grd .buttoncmb .buttonlist ul li[key="Reject"]:before{ content: "\f235"; padding-right:5px;}
.grd .buttoncmb .buttonlist ul li[key="Goal Anchors"]:before{ content: "\f13d"; padding-right:5px;}
.grd .buttoncmb .buttonlist ul li[key="Close Opening"]:before, .grd .buttoncmb .buttonlist ul li[key="View Survey"]:before, .grd .buttoncmb .buttonlist ul li[key="Feedback"]:before{ content: "\f182"; padding-right:5px; font-family: "foundation-icons";}
.grd .buttoncmb .buttonlist ul li[key="Revoke"]:before{ content: "\f1a5"; padding-right:5px; font-family: "foundation-icons";}
.tie_lpgrd .buttoncmb .buttonlist ul { top:25px !important;    }

.grd .buttoncmb .buttonlist ul li[key="Suspend Opening"]:before{ content: "\f04c"; padding-right:5px;}
.grd .buttoncmb .buttonlist ul li[key="Publish Opening"]:before{ content: "\f127"; padding-right:5px;}
.grd .buttoncmb .buttonlist ul li[key="View Applicant"]:before{ content: "\f128";  padding-right:5px; font-family: "foundation-icons";}
.icon_Rehire{ position:relative; display:inline-block;}
.icon_Rehire:before{ content: "\f021"; font-size:20px;}
.icon_Rehire:after{ content: "\f007"; position: absolute; color: #999; font-size: 8px; left: 6px; top: 5px;}
.grd_nohed > table > tbody > tr > td > table > thead { display:none;}
.grd_nohed > table > tbody > tr > td { padding:0px !important; border:0px !important;}
.grd_nohed > table > tbody > tr > td > table{border-collapse: separate; border-spacing: 0 1em;}
.grd_nohed td td {background:transparent;}
.grd_nohed td td input[type='checkbox']{float:none !important;}
.grd_nospac table{border-spacing: 0 !important;}

.grd_bdr0 td{border:0px !important;}
.grd_bdr0 table{border-spacing: 0 0 !important;}


.grd_nofot .grd_pag{display:none;}
.grd_nofot_tr > table > tbody > tr:last-child {display:none;}
.daterangepicker .calendar-table{width: 264px;}
.auto_cmb .autoPickContainer{height:34px !important; }

.grd_tim{font-size:14px; color:#666; border:0px;}
.grd_tim > table { border-collapse:separate; border-spacing:1px; table-layout:fixed;}
.grd_tim > table > tbody > tr > th{font-weight:bold; padding:12px 5px; text-align:left; background-color:#eee; color:#555; font-size:14px; text-align:center;}
.grd_tim > table > tbody > tr:nth-child(2) > td{font-weight:bold; padding:5px; background-color:#c2dff5; color:#555; font-size:14px; text-align:center;}
.grd_tim > table > tbody > tr > td{font-weight:normal; padding:5px; vertical-align:middle; border-bottom:1px dotted #ccc; text-align:center; position:relative;}
.grd_tim > table > tbody > tr > th:first-child, .grd_tim > table > tbody > tr > th:nth-child(2), .grd_tim > table > tbody > tr > td:first-child, .grd_tim > table > tbody > tr > td:nth-child(2){text-align:left;}
.grd_tim > table > tbody > tr:nth-last-child(2) > td{ background:#8adfff; font-weight:bold; color:#333;  text-align:center;}
.grd_tim > table > tbody > tr > th:last-child, .grd_tim > table > tbody > tr > td:last-child{ text-align:right;}
.grd_tim > table > tbody > tr > td:last-child{ background:#8adfff; font-weight:bold; color:#333;}
.grd_tim > table > tbody > tr:last-child > td{ background:#eee; padding:5px; font-weight:bold; text-align:center; color:#555;}
.grd_tim > table > tbody > tr:last-child > td:first-child, .grd_tim > table > tbody > tr:last-child > td:last-child, .grd_tim > table > tbody > tr:nth-last-child(2) > td:first-child{text-align:right;}
.grd_tim > table > tbody > tr > td > div input{padding:1% !important; width:100%; float:inherit; color:#ccc; line-height:18px; font-size:14px;}
.grd_tim > table > tbody > tr > td > div input[placeholder]{font-size:11px; line-height:16px; padding:3px 1% !important;}
.grd_tim > table > tbody > tr > td > div > i{padding-left:5%; font-size:16px !important;}
.grd_tim .levday{ background:#d6e9ba;}
.grd_tim .levbdr{position:absolute; top:0px; width:100%; height:2px; left:0px;}
.grd_tim .endday{ background:#eee;}
.grd_tim .tim_ovr:hover {background-color:#ffffce; }
.grd_tim .rad_btn{ position:relative; float:left; margin-right:5px;}
.grd_tim .rad_btn .cir, .grd_tim .rad_btn .cir_act{border-radius:50%; width:24px; text-align:center; height:24px; border:2px solid #ccc; position:relative;}
.grd_tim .rad_btn .cir_act{border-color:#77cc55;}
.grd_tim .rad_btn .cir_act:before{position:absolute;  font-size:16px; color:#77cc55; line-height:24px; width:24px; left:0px; top:0px;}
.grd_tim .rad_btn .rad_opn{position:absolute; left:0; border:1px solid #ccc; background:#fff; z-index:1; top:20px; width:110px;}
.grd_tim .rad_btn .rad_opn > div{padding:5px; font-size:12px; border-bottom:1px dotted #ccc; cursor:pointer;}
.grd_tim .rad_btn .rad_opn > div:last-child{border-bottom:0px;}
.grd_tim .rad_btn .rad_opn > div:hover{background-color:#eee;}
.grd_tim .rad_btn .rad_opn > div i{font-size:14px !important;}
.grd_tim_rmk {position:absolute; right:0; border:1px solid #159bdd; padding:10px; background:#fff; margin-right:25%; width:250px; z-index:1; top:0px; -webkit-box-shadow:0 3px 6px rgba(0,0,0,.50);box-shadow:0 3px 6px rgba(0,0,0,.50);}
.grd_tim .nam {font-weight:bold; color:#00adef; font-size:13px;}
.grd_tim_rmk:after, .grd_tim_rmk:before{left: 100%;top: 10%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.grd_tim_rmk:after {border-color: rgba(136, 183, 213, 0);border-left-color: #fff;border-width: 7.8px;margin-top: -7.8px;}
.grd_tim_rmk:before {border-color: rgba(194, 225, 245, 0);border-left-color: #159bdd;border-width: 9px;margin-top: -9px;}
.grd_tim_rmk_lft{position:absolute; left:28px; border:1px solid #159bdd; padding:10px; background:#fff; margin-right:25%; width:250px; z-index:1; top:0px; -webkit-box-shadow:0 3px 6px rgba(0,0,0,.50);box-shadow:0 3px 6px rgba(0,0,0,.50);}
.grd_tim_rmk_lft:after, .grd_tim_rmk_lft:before{right: 100%;top: 10%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.grd_tim_rmk_lft:after {border-color: rgba(136, 183, 213, 0);border-right-color: #fff;border-width: 7.8px;margin-top: -7.8px;}
.grd_tim_rmk_lft:before {border-color: rgba(194, 225, 245, 0);border-right-color: #159bdd;border-width: 9px;margin-top: -9px;}

.grd_pay{font-size:14px; color:#666; border:0px;}
.grd_pay > table { border-collapse:separate; table-layout:fixed;}
.grd_pay > table > tbody > tr > th{font-weight:bold; padding:12px 5px; text-align:left; background-color:#eee; color:#555; font-size:14px;}
.grd_pay > table > tbody > tr > td{font-weight:normal; color:#222;padding:5px; vertical-align:middle; border-bottom:1px dotted #ddd; text-align:left; position:relative;background:#f9f9f9;font-size:14px;}
.grd_pay .pay_val{background-color:#c2dff5; font-weight:bold; border-bottom-color:#fff;}
.grd_pay .pay_inrtab{width:96%; margin-left:4%; border-left:1px dotted #ccc; font-size:12px;}
.grd_pay .pay_inrtab > tbody > tr > td{padding:5px; background-color:#f9f9f9; border-bottom:1px dotted #ddd;background:#eee;font-size:13px;color:#555;}

.grd_cal_lst > table { border-collapse:separate; border-spacing:1px; table-layout:fixed; background:#e8e8e8;}
.grd_cal_lst > table > thead > tr > th{background-color:#eee; font-weight:bold; padding:5px; text-align:center; background-color:#eee; color:#555; font-size:14px;}
.grd_cal_lst > table > tbody > tr > td{font-weight:normal; color:#222;padding:5px; vertical-align:middle; border-bottom:1px dotted #ddd; text-align:left; position:relative;background:#f9f9f9;font-size:14px;}

.grd_atd_anz{font-size:14px; color:#666; border:0px;}
.grd_atd_anz > table { border-collapse:separate; table-layout:fixed; border-spacing: 0 5px;}
.grd_atd_anz > table > tbody > tr > td{font-weight:bold; color:#555;padding:10px; vertical-align:middle; text-align:left; position:relative;background:#f8f8f8;font-size:14px;}
.grd_atd_anz > table > tbody > tr > td:first-child{font-weight:bold; color:#fff; font-size:16px; background:#00adef;}
.grd_atd_anz > table > tbody > tr > td > .atd_anz_rec{background:#fff; padding:8px 10px; margin-top:5px; display:inline-block; border:1px solid #e4f4ff;}
.grd_atd_anz .grd_atd_anzemt{margin-bottom:10px; width:100%;}
.grd_atd_anz_inr{ background:transparent !important; padding:0px !important;}
.grd_atd_anz_inr > table{border:1px solid #eee; padding:10px !important; background:#f8f8f8 !important; width: 100%;       margin-top: -10px; border-collapse:separate; }
.grd_atd_anz_inr > table > tbody > tr > th{font-weight:bold; background-color:#00adef; padding:1%; text-align:left; vertical-align:middle; color:#fff; font-size:14px; line-height:18px; border:0 none;}
.grd_atd_anz_inr > table > tbody > tr > td{font-weight:normal; color:#555;padding:10px; vertical-align:middle; border-bottom:0px; text-align:left; position:relative;font-size:14px;}
.grd_atd_anz_inr > table > tbody > tr:nth-child(even){ background-color:#fff !important; }
.grd_atd_anz_inr > table > tbody > tr:nth-child(odd){ background-color:#f0f9ff !important; }

.tim_tie .nam{width:98% !important;}
.tim_tie .tie_rpt > div {min-height:initial !important; padding:10px !important;}
.tim_tie .tie_rpt .ovr_pls:before, .tim_tie .tie_rpt .ovr_mns:before{font-size:24px !important; }
/*


.grd_timent > table > thead > tr > th{font-weight:bold; padding:5px; text-align:left; background-color:#c2dff5; color:#555; font-size:14px; width:200px;}
.grd_timent > table > thead > tr > th:last-child{width:60px;}

.grd_timent > table > tbody > tr > td{font-weight:normal; padding:5px; text-align:left; vertical-align:top; width:200px;}
.grd_timent > table > thead > tr > td:last-child{width:60px;}

.grd_timent table.scroll {  width: 840px;     border-collapse:separate;    border-spacing: 0;}
.grd_timent table.scroll tbody, .grd_timent table.scroll thead {  display:block;    width: 100%;    }
.grd_timent table.scroll tbody {    max-height: 520px;    overflow-y: auto;    overflow-x: hidden;}
.grd_timent tbody td, thead th {    border-right: 1px solid black;}
.grd_timent tbody td:last-child, thead th:last-child {    border-right: none;}*/

/*.grd_timent{margin:0px -15px;}*/
.grd_timent{    font-size: 13px;
    color: #666;
    padding: 0;
    border: 0px;
    float: left;
    display: inline;
    width: 100%;
}
.grd_timent td{     font-weight: normal;
    font-size: 13px; 
     padding: 1% 0px; 
     text-align: left; 
    vertical-align: middle; 
     line-height: 18px !important; 
     border: 0 none; }
.grd_timent > table.scroll {
width: 100%;
border-spacing: 0; border-collapse:collapse;
font-size:14px; color:#666;
}

.grd_timent table.scroll > thead > tr > th,
.grd_timent table.scroll > tbody > tr > td,
.grd_timent table.scroll > thead > tr,
.grd_timent table.scroll > tbody > tr,
.grd_timent table.scroll > thead,
.grd_timent table.scroll > tbody { display: block; }

.grd_timent table.scroll > thead > tr {
/* fallback */
width: 97%;
/* minus scroll bar width */
width: -webkit-calc(100% - 16px);
width:    -moz-calc(100% - 16px);
width:         calc(100% - 16px);
}

.grd_timent table.scroll > tbody > tr:after, .grd_timent table.scroll > thead > tr:after {
content: ' ';
display: block;
visibility: hidden;
clear: both;
}

.grd_timent table.scroll > tbody {
max-height: 536px;
overflow-y: scroll;
overflow-x: hidden;
}

.grd_timent table.scroll > tbody > tr > td,
.grd_timent table.scroll > thead > tr > th {
   
float: left; padding:1%;
  
}
.grd_timent table.scroll > tbody > tr > td:first-child, .grd_timent table.scroll > thead > tr > th:first-child {    width: 26%;    }
.grd_timent table.scroll > tbody > tr > td:nth-child(2), .grd_timent table.scroll > thead > tr > th:nth-child(2) {    width: 12%;    }
.grd_timent table.scroll > tbody > tr > td:nth-child(3), .grd_timent table.scroll > thead > tr > th:nth-child(3) {    width: 14%;    }
.grd_timent table.scroll > tbody > tr > td:nth-child(4), .grd_timent table.scroll > thead > tr > th:nth-child(4) {    width: 10%;    }
.grd_timent table.scroll > tbody > tr > td:nth-child(5), .grd_timent table.scroll > thead > tr > th:nth-child(5) {    width: 22%;    }
.grd_timent table.scroll > tbody > tr > td:last-child, .grd_timent table.scroll > thead > tr > th:last-child {    width: 4%;    }
.grd_timent table.scroll > tbody > tr:nth-child(even){background:#f8f8f8;}
.grd_timent > table > thead{background:#c2dff5;}
.grd_timent > table > thead > tr > th {     min-height: 30px; font-weight:bold; vertical-align:middle; color:#333;   }
.grd_timent .inp_dp input{width:80%; font-size:14px;}
.grd_timent .inp_dp i{font-size:18px;}
/*.grd_timent .inp input, .grd_timent .inp_dp, .grd_timent button.btn{padding:2px !important;}*/

.grd_timent .inp .form_hint{top:0px !important; padding:4px !important; right:inherit; left:100%;}
.grd_timent .inp .form_hint::before{right:inherit !important; left:-6px; content: "\f0d9" !important; bottom:4px !important;}
/*.grd_timent .inp_dp .dtlst{margin:0px !important; right:20%;}*/
.grd_timent .table > thead > tr > th {    background: #0ae;font-size: 14px;color: #fff;}
.grd_timent .table  tr  td {line-height:32px !important;font-size:14px;  vertical-align: top;}
.grd_timent table.scroll > tbody > tr:first-child > td .inp_dp .dtlst{top:0px;}
.grd_timent table.scroll > tbody > tr:nth-last-child(-n+4)  > td .inp_dp .dtlst{top:-45px;}
.grd_timent table.scroll > tbody > tr:nth-last-child(-n+3) > td .inp_dp .dtlst{top:-90px;}
.grd_timent table.scroll > tbody > tr:nth-last-child(-n+2) > td .inp_dp .dtlst{top:-135px;}
.grd_timent table.scroll > tbody > tr:last-child > td .inp_dp .dtlst{top:-180px;}
.grd_timent table.scroll > tbody > tr > td .dropdown-menu{max-height:150px !important; overflow-y:auto;}
.grd_timent table.scroll > tbody > tr:last-child > td .dropdown-menu{bottom:100% !important; top:inherit !important;}
.grd_timent table.scroll > tbody > tr:nth-last-child(-n+2) > td .dropdown-menu{bottom:100% !important; top:inherit !important;}
.grd_timent table.scroll > tbody > tr:nth-last-child(-n+3) > td .dropdown-menu{bottom:100% !important; top:inherit !important;}

.grd_err > table > tbody > tr > td > table { border-collapse:separate; border-spacing:1px;}
.grd_err > table > tbody > tr > th{font-weight:bold; padding:5px; text-align:left; background-color:#eee; color:#555; font-size:14px; width:25%;}
/*.grd_err div {height:200px; overflow-y:auto; overflow-x:hidden;}*/
.grd_err > table > tbody > tr > td > div > table > tbody > tr > td{font-weight:normal; padding:5px; text-align:left; vertical-align:top;  width:25%; font-size:14px;}


/* grid assessment */

.grd_ass{font-size:14px; color:#666; border:0px;}
.grd_ass > table > tbody > tr > td > table { border-collapse:separate; border-spacing:1px;}
.grd_ass > table > tbody > tr > td > table > tbody > tr > th{font-weight:bold; padding:0px 5px 10px 5px; text-align:center; color:#666;  font-size:14px; text-transform:uppercase;}
.grd_ass > table > tbody > tr > td > table > tbody > tr > td{font-weight:normal; padding:5px; text-align:left; position:relative; vertical-align:top; max-width:0px;}
.grd_ass > table > tbody > tr > td > table > tbody > tr:nth-child(even) { background-color:#f5f8fc; }
.grd_ass > table > tbody > tr > td > table > tbody > tr:nth-child(odd) { background-color:#fff; }

.grd_ass > table > tbody > tr > td > table > tbody > tr:first-child{ background:transparent; margin:0px;}
.grd_ass .hed{font-size:14px; font-weight:bold; color:#159bdd;}
.grd_ass .tit{font-size:12px; font-weight:bold; text-align:left; padding-top:5px; }
.grd_ass .rate_score{ position:relative; cursor:pointer; padding-left:5px;}
.grd_ass .rate_toltip{ position:absolute; padding:10px; background:#fff; border:1px solid #00adef; z-index:2222; width:560px; top:24px; right:5%; color:#666; -webkit-box-shadow:0 3px 6px rgba(0,0,0,.50);box-shadow:0 3px 6px rgba(0,0,0,.50);}
.grd_ass .rate_toltip .src_hed, .grd_ass .rate_toltip td{ padding:0px;}
.grd_ass .rate_toltip [key='1']:before{content:"\f005"; color:#f6a600;}
.grd_ass .rate_toltip [key='2']:before{content:"\f005  \f005"; color:#f6a600;}
.grd_ass .rate_toltip [key='3']:before{content:"\f005  \f005  \f005"; color:#f6a600;}
.grd_ass .rate_toltip [key='4']:before{content:"\f005  \f005  \f005  \f005"; color:#f6a600;}
.grd_ass .rate_toltip [key='5']:before{content:"\f005  \f005  \f005  \f005  \f005"; color:#f6a600;}


.grd_ass .rate_toltip th{ text-align:left;}
.grd_ass .rate_toltip tr tr:first-child:hover{ background-color:transparent;}
.grd_ass .rate_toltip tr tr:hover{ background:#eee;}
.grd_ass .rate_toltip > div > table td table td {border-bottom:1px solid #fff;}
.grd_ass .rate_toltip > div > table td table td .div_firstchild{ font-size:24px; line-height:24px; color:#fff; float:left; width:10%; height:30px; text-align:center; padding:10px 0px; color:#000;}
.grd_ass .rate_toltip > div > table td table td .div_secondchild{ font-size:14px; font-weight:bold; padding-left:2%; float:left; width:90%; /*opacity: 0.6;  filter: alpha(opacity=30); */ background:transparent; padding-top:12px; color:#000; text-align:left;}
.grd_ass .rate_toltip > div > table td table td .div_thirdchild{ font-size:12px;  padding:10px 2%; float:left; width:100%; /*opacity: 0.6;  filter: alpha(opacity=30); */ background:transparent;  min-height:14px; height:100%; color:#000; text-align:left;}

.grd_ass .remak_score, .grd .remak_score{ position:absolute; cursor:pointer; top:0px; right:5px;}
.grd_ass .remak_toltip, .grd .remak_toltip{ position:absolute; padding:10px; text-align:left; background:#fff; border:1px solid #00adef; z-index:2222; width:300px; top:24px; right:0px; color:#666; -webkit-box-shadow:0 3px 6px rgba(0,0,0,.50);box-shadow:0 3px 6px rgba(0,0,0,.50);}
/*.grd_ass .remak_toltip:before{ color:#00adef; content:"\f0d8"; top:-21px; position:absolute; font-size:30px; right:0px;} blocked the top arrow*/
.grd_ass .remak_des{color:#999;}
.grd_ass .remak_txt{ font-weight:bold; padding-left:10px; display:inline-block;}
.grd_ass .remak_toltip .inp{ margin-bottom:5px;}
.grd_ass .remak_score .fa{ font-size:24px;  color:#00adef;}
/*
.grd_ass .remak_score .intxt{ color:green !important;}
.grd_ass .remak_score .intxt::after{ color:green !important;}*/
.grd_ass .nam {font-weight:bold; color:#00adef; font-size:13px;}
.grd_ass .remak_score .fa-comment::after{color:#fff !important; top:5px !important;}
.grd_ass .remak_score .ico{top:0px !important;}
.grd_ass .pos{top:24px !important;}
.grd_ass .remak_score .fa:after{color:#00adef; content:"\f141"; right:6px; top:6px; position:absolute; font-size:14px;}
.grd_ass .str  {display:inline-block;}
.grd_ass .str > div {float:inherit !important;}
.grd_ass .str > div .fa{ font-size:18px; text-shadow: 1px 1px #ccc; -webkit-text-shadow:1px 1px #ccc;}
.grd_asses .remak_score .fa-comment::after{color:#fff; content:"\f141"; right:6px; top:6px; position:absolute; font-size:14px;}
.grd_asses .remak_score .fa-comment-o::after{color:#00adef; content:"\f141"; right:6px; top:6px; position:absolute; font-size:14px;}
.grd_ass .src_hed{padding-bottom:10px;}
.grd_ass .fa-pencil{ padding-left:10px; cursor:pointer; line-height:0px;}

/* grid assessment new */

.grd_asses{font-size:14px; color:#666; border:0px;}
.grd_asses > table > tbody > tr > td > table { border-collapse:separate; border-spacing:1px;}
.grd_asses > table > tbody > tr > td > table > tbody > tr > th{font-weight:bold; padding:0px 5px 10px 5px; text-align:left; color:#666;  font-size:14px; text-transform:uppercase;}
.grd_asses > table > tbody > tr > td > table > tbody > tr > th:first-child{text-align:left;}
.grd_asses > table > tbody > tr > td > table > tbody > tr > td{font-weight:normal; padding:10px 5px; text-align:left; position:relative; vertical-align:top; }
.grd_asses > table > tbody > tr > td > table > tbody > tr > td:first-child{text-align:left;}
.grd_asses > table > tbody > tr > td > table > tbody > tr:nth-child(even) { background-color:#fff; }

.grd_asses > table > tbody > tr > td > table > tbody > tr:nth-child(odd){ background:#f5f8fc; margin:0px;}
.grd_asses .hed{font-size:14px; font-weight:bold; color:#159bdd;}

.grd_asses .mang{background:#e56735;}
.grd_asses .empy{background:#239fdb; }
.grd_asses .num{font-size:18px; font-weight:normal; color:#fff; padding:4px; display:inline-block; border-radius:4px; text-align:center; min-width:28px;}
.grd_asses .tit{font-size:12px; font-weight:bold; text-align:left; padding-top:5px; }
.grd_asses .rate_score{ position:relative; cursor:pointer; padding-left:5px;}
.grd_asses .rate_toltip{ position:absolute; padding:10px; background:#fff; border:1px solid #00adef; z-index:2222; width:560px; top:24px; right:5%; color:#666; -webkit-box-shadow:0 3px 6px rgba(0,0,0,.50);box-shadow:0 3px 6px rgba(0,0,0,.50);}
.grd_asses .rate_toltip .src_hed{ padding:0px;}
.grd_asses .rate_toltip th{ text-align:left;}
.grd_asses .rate_toltip tr tr:first-child:hover{ background-color:transparent;}
.grd_asses .rate_toltip tr tr:hover{ background:#eee;}
.grd_asses .rate_toltip [key='1']:before{content:"\f005"; color:#f6a600;}
.grd_asses .rate_toltip [key='2']:before{content:"\f005  \f005"; color:#f6a600;}
.grd_asses .rate_toltip [key='3']:before{content:"\f005  \f005  \f005"; color:#f6a600;}
.grd_asses .rate_toltip [key='4']:before{content:"\f005  \f005  \f005  \f005"; color:#f6a600;}
.grd_asses .rate_toltip [key='5']:before{content:"\f005  \f005  \f005  \f005  \f005"; color:#f6a600;}

.grd_asses .rate_toltip > div > table td table td .div_firstchild{ font-size:24px; color:#fff; float:left; width:10%; height:auto; background:#00adef; text-align:center; padding:10px 0px; }
.grd_asses .rate_toltip > div > table td table td .div_secondchild{ font-size:14px; font-weight:bold; padding-left:2%; float:left; width:88%; text-align:left;}
.grd_asses .rate_toltip > div > table td table td .div_thirdchild{ font-size:12px;  padding-left:2%; float:left; width:88%; text-align:left;}
.grd_asses .sav{ cursor:default;}
.grd_asses .remak_score{ position:absolute; cursor:pointer; top:0px; right:25%; width:100%; text-align:center;}
.grd_asses .remak_toltip{ position:absolute; padding:10px; text-align:left; background:#fff; border:1px solid #00adef; z-index:2222; width:850px; top:24px; right:-10px; color:#666; -webkit-box-shadow:0 3px 6px rgba(0,0,0,.50);box-shadow:0 3px 6px rgba(0,0,0,.50);}
/*.grd_ass .remak_toltip:before{ color:#00adef; content:"\f0d8"; top:-21px; position:absolute; font-size:30px; right:0px;} blocked the top arrow*/
.grd_asses .remak_des{color:#999;}
.grd_asses .remak_txt{ font-weight:bold; padding-left:10px; display:inline-block;}
.grd_asses .remak_toltip .inp{ margin-bottom:5px;}
.grd_asses .remak_score .fa{ font-size:24px;  color:#00adef;}
.grd_asses .remak_score .intxt{ color:#00adef !important;}
.grd_asses .remak_score .intxt::after{ color:green !important;}
.grd_asses .remak_score .fa .fa-comment .intex2{color:#e56735 !important;}
.grd_asses .remak_score .fa-comment::after{color:#fff !important; top:5px !important;}
.grd_asses .remak_score .ico{top:-10px !important; right:0px;}
.grd_asses .pos{top:34px !important;}
.grd_asses .remak_score .fa-comment::after{color:#fff; content:"\f141"; right:6px; top:6px; position:absolute; font-size:14px;}
.grd_asses .remak_score .fa-comment-o::after{color:#00adef; content:"\f141"; right:6px; top:6px; position:absolute; font-size:14px;}
.grd_asses .str  {float:left;}
.grd_asses .str > div {float:inherit !important;}
.grd_asses .str > div .fa{ font-size:18px; text-shadow: 1px 1px #ccc; -webkit-text-shadow:1px 1px #ccc;}
.grd_asses .src_hed{padding-bottom:10px;}
.grd_asses .fa-pencil{ padding-left:10px; cursor:pointer; line-height:0px;}

.grd_asses span[title='Not Started']{ background:#f0cc44; border-radius:4px; color:#fff; padding:2px 4px;}
.grd_asses span[title='Completed']{ background:#77cc55;  border-radius:4px; color:#fff; padding:2px 4px;}
.grd_asses span[title='Pending']{ background:#ff8877; border-radius:4px; color:#fff; padding:2px 4px;}
.grd_asses .filst, .grd_asses .emtst{ font-size:18px;}
/*Performance Grid Extra*/
.grd_per_new{}
.grd_per_new table{ table-layout: fixed;}
.grd_per_new > table > tbody > tr > td > table > tbody{font-size:13px;}
.grd_per_new > table > tbody > tr > td > table{border-spacing:0px 10px; margin-bottom:0px;}
.grd_per_new > table > tbody > tr > td > table > tbody > tr { background: #fff !important; outline:1px solid #eee; /*box-shadow: 0 8px 6px -6px rgba(0,0,0,.20); -webkit-box-shadow:0 8px 6px -6px rgba(0,0,0,.20);*/}
.grd_per_new > table > tbody > tr > td > table > thead > tr > th{/*border-bottom:2px solid #eee !important;*/ color:#000;}
.grd_per_new > table > tbody > tr > td > table > tbody > tr > td{border:0px;}
.grd_per_new > table > tbody > tr > td > table > tbody > tr > td:first-child:before{content:""; background:#eee; height:100%; width:3px; position:absolute; left:-2px; top:0px;}
.grd_per_new > table > tbody > tr > td > table > tbody > tr > td{/*border-width:1px 0px 1px 0px; border-color:#eee; border-style:solid;*/}
.grd_per_new > table > tbody > tr > td > table > tbody > tr.border_off{outline:1px solid #eee;}


.grd_per_new .before_none:before{ display:none;}
.grd_per_new .shadow_none{/*box-shadow: 0 0 0 0;*/}
.grd_per_new .shadow_add{box-shadow: 0 8px 6px -6px rgba(0,0,0,.20);}
.grd_per_new_inr{margin-top: -10px;}
.grd_per_new_inr > table{margin-left:5%; width:95%; position:relative; margin-bottom:0px; background:#f8f8f8 !important; border-collapse:collapse;}
.grd_per_new_inr > table:before{content:""; height:3px; width:5%; left:-5%; position:absolute; top:32px; background:#eee; margin-left:-5px;}
.grd_per_new_inr > table:after{content:""; width:3px; height:32px; top:0px; position:absolute; left:-5%; background:#eee; margin-left:-5px;}
.grd_per_new_inr > table > tbody > tr > td > table{margin-bottom:0px; }
.grd_per_new_inr > table > tbody > tr > td > table:before{content:""; background:#eee; height:100%; width:3px; position:absolute; left:-5px; top:0;}
.grd_per_new_inr > table > tbody > tr > td > table > thead > tr > th{ color:#333; text-align:left;}/*background-color:#00adef; color:#fff;*/
.grd_per_new_inr > table > tbody > tr > td > table > tbody > tr > td{text-align:left; vertical-align: top; font-size:12px;     }
.grd_per_new_inr > table > tbody > tr > td > table > tbody > tr > td .num{font-size:14px;  min-width: 24px;}
.grd_per_new_inr > table > tbody > tr > td > table > tbody > tr > td .hed{ font-size:12px;}
.pa_gol .grd_per_new > table > tbody > tr > td > table > tbody > tr > td:first-child:before, .pa_gol .grd_per_new_inr > table:before, .pa_gol .grd_per_new_inr > table:after, .pa_gol .grd_per_new_inr > table > tbody > tr > td > table:before{background:#a478ff;}
.pa_comp .grd_per_new > table > tbody > tr > td > table > tbody > tr > td:first-child:before, .pa_comp .grd_per_new_inr > table:before, .pa_comp .grd_per_new_inr > table:after, .pa_comp .grd_per_new_inr > table > tbody > tr > td > table:before{background:#f1ae46;}
.pa_pote .grd_per_new > table > tbody > tr > td > table > tbody > tr > td:first-child:before, .pa_pote .grd_per_new_inr > table:before, .pa_pote .grd_per_new_inr > table:after, .pa_pote .grd_per_new_inr > table > tbody > tr > td > table:before{background:#e56735;}
.pa_care .grd_per_new > table > tbody > tr > td > table > tbody > tr > td:first-child:before, .pa_care .grd_per_new_inr > table:before, .pa_care .grd_per_new_inr > table:after, .pa_care .grd_per_new_inr > table > tbody > tr > td > table:before{background:#2ec1cc;}
.opn_lst{background-color:#f5f8fc; margin-top:10px;  padding-top:10px; position:relative;}
.opn_lst:before{position:absolute; content:"\f0d8"; font-size:36px; top:-25px; right:10%; color:#f5f8fc;}

.grd_per_new .pg_babs.inact{ height:15px;  border-top-left-radius: 15px;    border-top-right-radius: 15px;}
.grd_per_new .pg_babs.sav{ height:15px;  border-top-left-radius: 15px; border-top-right-radius: 15px; cursor:pointer;}
.grd_per_new .pg_babs.inact .fa, .grd_per_new .pg_babs.sav .fa{position: absolute; text-align: center; width: 100%;right: 0; top: 0;}
/* grid paging */
.grd_pag{ border-top:1px solid #eee; text-align:right; padding-top:5px; position:relative;}
.grd_pag input[type='button']{ background-color:#eee; cursor:pointer; padding:0px 0px 8px 0px !important ; width:24px; line-height:16px; font-size:24px; color:#666; border:1px solid #ccc; font-weight:normal; text-align:center; margin:0px 0px 0px 5px; }
.grd_pag span{ font-size:11px; color:#999; padding:5px;}
.grd_pag input:nth-child(2){margin-right:5px;}
.src_hed{ text-align:left; margin:0;}
.src_hed .inp{ width:180px;  float:right; margin-bottom:8px; padding:4px 5px;}
.src_hed .inp::after{content:"\f002"; position: absolute; right:13px; color:#999; top:13px; font-size:16px;}

/* grid tree view */
.grd_tre .tp_bdy ul{margin:10px 0px}
.grd_tre .tp_bdy > ul:before, .grd_tre .tp_bdy > ul > li:before {
    display: none;
}
.grd_tre ul {
    margin:0;
    padding:0;
    list-style:none;
    
	color: #369;
}
.grd_tre ul {
   
    position:relative
}

.grd_tre ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    left:0;
    border-left:1px dashed #666;
    bottom:20px;
}

.grd_tre li {
    margin:0;
    padding:0px;
    line-height:2em;
    font-weight:700;
    position:relative
}
.grd_tre ul li:before, .grd_tre .tp_bdy UL > li > UL > li > UL > li > UL > li .ext2:before {
    content:"";
    display:block;
    width:10%;
    height:0;
    border-top:1px dashed #666;
    margin-top:-1px;
    position:absolute;
    top:1.7em;
    left:0
}
.tree-indicator {
    margin-right:5px;
    
    cursor:pointer;
}
.grd_tre li a {
    text-decoration: none;
    color:inherit;
    
    cursor:pointer;
}
.grd_tre li button, .grd_tre li button:active, .grd_tre li button:focus {
    text-decoration: none;
    color:inherit;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}
.grd_tre .tp_bdy > ul > li{padding-bottom:20px;}
.grd_tre .tp_bdy > ul > li > ul {margin-left:8%;}
.grd_tre .tp_bdy > ul > li > ul > li{padding-left:8%; padding-bottom:20px;}
.grd_tre .tp_bdy > ul > li > ul > li:last-child{padding-bottom:0px;}
.grd_tre .tp_bdy > ul > li > ul > li > ul {margin-left:10.5%;}
.grd_tre .tp_bdy > ul > li > ul > li > ul > li{padding-left:10.5%; padding-bottom:20px;}
.grd_tre .tp_bdy > ul > li > ul > li > ul > li:before{width:10.5%;}
.grd_tre .tp_bdy > ul > li > ul > li > ul > li:last-child{padding-bottom:0px;}

.grd_tre .tp_bdy > ul > li > ul > li > ul > li > ul {margin-left:14.5%;}
.grd_tre .tp_bdy > ul > li > ul > li > ul > li > ul > li{padding-left:14.5%; padding-bottom:20px;}
.grd_tre .tp_bdy > ul > li > ul > li > ul > li > ul > li:before{width:14.5%;}
.grd_tre .tp_bdy > ul > li > ul > li > ul > li > ul > li:last-child{padding-bottom:0px;}

.grd_tre .tp_bdy > ul > li > ul > li > ul > li > ul > li > ul {margin-left:19%;}
.grd_tre .tp_bdy > ul > li > ul > li > ul > li > ul > li > ul > li{padding-left:19%; padding-bottom:20px;}
.grd_tre .tp_bdy > ul > li > ul > li > ul > li > ul > li > ul > li:before{width:19%;}
.grd_tre .tp_bdy > ul > li > ul > li > ul > li > ul > li > ul > li:last-child{padding-bottom:0px;}

.grd_tre .tp_bdy > ul > li > ul > li > ul > li > ul > li > ul > li > ul {margin-left:32%;}
.grd_tre .tp_bdy > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li{padding-left:17%; padding-bottom:5px;}
.grd_tre .tp_bdy > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:before{width:17%;}
.grd_tre .tp_bdy > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:last-child{padding-bottom:0px;}

.grd_tre .tp_bdy UL > li > div{width:15.66%; padding-left:1% !important;}
.grd_tre .tp_bdy UL > li > UL > li > div{width:21%;  padding-left:1%;}
.grd_tre .tp_bdy UL > li > UL > li > UL > li > div{width:29%;  padding-left:1%;}
.grd_tre .tp_bdy UL > li > UL > li > UL > li > UL > li > div{width:38%;  padding-left:1%;}
.grd_tre .tp_bdy UL > li > UL > li > UL > li > UL > li > UL > li > div{width:63%;  padding-left:1%;}
.grd_tre .tp_bdy UL > li > UL > li > UL > li > UL > li > UL > li > UL > li > div{width:89%;  padding-left:1%; margin-bottom: 0px;}
.grd_tre{font-size:14px; color:#666; border:0px;}
.grd_tre .tp_hed{font-weight:bold; background-color:#c2dff5; color:#555;}
.grd_tre .tp_hed > div{ float:left; width:16.66%; padding:5px 0px; text-align:left;}
.grd_tre .tp_hed > div > span{padding-left:5px;}
.grd_tre .tp_hed > h1{clear:both;}
.grd_tre .tp_bdy UL li > div{ text-align:left; border:1px solid #999; background:#fff; border-radius:4px; padding:7px 0px; margin:0px 0px 20px 0px; position:relative;}
.grd_tre .tp_bdy UL li > div h2 b{ padding: 7px 15px; background:#00adef; color:#fff; position:absolute; right:0%; top:0px; font-size:18px; border-radius:0px 4px 4px 0px;}
.grd_tre .tp_bdy UL li  h3{overflow: hidden;  white-space: nowrap; font-weight:normal;  -o-text-overflow: ellipsis;  -ms-text-overflow: ellipsis;  text-overflow: ellipsis; width:80%; color:#333;}
.grd_tre .tp_bdy UL li > div .exp {color:#1cae9b; font-size:24px; position:absolute; left:45.5%; top:42px;  cursor:pointer;}
.grd_tre .tp_bdy UL li > div .exp:before{z-index: 222;}
.grd_tre .tp_bdy UL > li > UL > li > UL > li > UL > li .ext1 {float:left; width:40%;}
.grd_tre .tp_bdy UL > li > UL > li > UL > li > UL > li .ext2 {float:left; width:40%; margin-left:4%;}
.grd_tre .tp_bdy UL > li > UL > li > UL > li > UL > li .ext2:before{margin-left:-10%;}
/*
.grd_tre{font-size:14px; color:#666; border:0px;}
.grd_tre .tp_hed{font-weight:bold; background-color:#c2dff5; color:#555;}
.grd_tre .tp_hed > div{ float:left; width:20%; padding:5px 0px; text-align:left;}
.grd_tre .tp_hed > div > span{padding-left:5px;}
.grd_tre .tp_hed > h1{clear:both;}
.grd_tre .tp_bdy { font-weight:normal; padding:10px 0px; }
.grd_tre .tp_bdy > UL > li, .grd_tre .tp_bdy > UL > li > UL > li, .grd_tre .tp_bdy > UL > li > UL > li > UL > li, .grd_tre .tp_bdy > UL > li > UL > li > UL > li > UL > li, .grd_tre .tp_bdy > UL > li > UL > li > UL > li > UL > li > UL > li   {position:relative;}
.grd_tre .tp_bdy > UL > li > div, .grd_tre .tp_bdy > UL > li > UL > li > div, .grd_tre .tp_bdy > UL > li > UL > li > UL > li > div, .grd_tre .tp_bdy > UL > li > UL > li > UL > li > UL > li > div, .grd_tre .tp_bdy > UL > li > UL > li > UL > li > UL > li > UL > li >  div { text-align:left; border:1px solid #999; background:#fff; border-radius:4px; padding:7px 0px; margin:0px 0px 40px 0px;}

.grd_tre .tp_bdy > UL > li > div {width:19.8%;}
.grd_tre .tp_bdy > UL > li > UL > li > div  {width:24.6%;}
.grd_tre .tp_bdy > UL > li > UL > li > UL > li > div  {width:33.4%;}
.grd_tre .tp_bdy > UL > li > UL > li > UL > li > UL > li > div  {width:45.2%;}
.grd_tre .tp_bdy > UL > li > UL > li > UL > li > UL > li > UL > li > div  {width:90%;}

.grd_tre .tp_bdy > UL > li > UL > li {margin-left:20%;}
.grd_tre .tp_bdy > UL > li > UL > li > UL > li {margin-left:22%;}
.grd_tre .tp_bdy > UL > li > UL > li > UL > li > UL > li {margin-left:22.2%;}
.grd_tre .tp_bdy > UL > li > UL > li > UL > li > UL > li > UL > li {margin-left:22.2%;}
 

.grd_tre .tp_bdy > UL > li > UL > li > UL > li > ul > li .top {left: -12.5% !important;width: 12.5% !important;}
.grd_tre .tp_bdy > UL > li > UL > li > UL > li > UL > li .ext1 {margin-left:34%; width:32%; float:left;}
.grd_tre .tp_bdy > UL > li > UL > li > UL > li > UL > li .ext2 {margin-left:67.5%; width:30%;}
.grd_tre .tp_bdy .exp {color:#1cae9b; font-size:24px; position:absolute; left:8.9%; top:46px;  cursor:pointer;}
.grd_tre .tp_bdy .exp:before{z-index: 222;}
.grd_tre .tp_bdy .spc { left:11.2%;}
.grd_tre .tp_bdy .spc2 { left:13.4%;}
.pgby .grd_tre ul > ul > ul > li .top{left: -16.5% !important;width:16.5% !important}
.grd_tre .tp_bdy div h2{ padding-left:5px; position:relative; font-weight:normal;}
.grd_tre .tp_bdy div h2 h3, .grd_tre .tp_bdy .ext1 h2, .grd_tre .tp_bdy .ext2 h2{overflow: hidden;  white-space: nowrap; font-weight:normal;  -o-text-overflow: ellipsis;  -ms-text-overflow: ellipsis;  text-overflow: ellipsis; width:80%; color:#333;}
.grd_tre .tp_bdy div h2 b{ padding: 8px 15px; background:#00adef; color:#fff; position:absolute; right:0%; top:-8px; font-size:18px; border-radius:0px 4px 4px 0px;}

.grd_tre .tp_bdy .lin_dow{ border-left:1px dashed #999; height:12px; position:absolute; left:9.9%; top:36px;  z-index: 111;}
.grd_tre .tp_bdy .lin_top{ border-top:1px dashed #999; width:12%; position:absolute; top:18px; left:-12%; }
.grd_tre .tp_bdy .lin_lft{ border-left:1px dashed #999; position:absolute; left:-12.5%; }

.grd_tre .tp_bdy > UL > li > UL > li > UL > li .lin_lft {  left:-12.5%;  }

.grd_tre .tp_bdy .dow{left:12.5% !important;}
.grd_tre .tp_bdy .top{left:-12.5% !important; width:12.5% !important;}


.grd_tre .tp_bdy .dow2{left:15% !important;}
.grd_tre .tp_bdy .top2{left:-16.8% !important; width:16.8% !important;}


.grd_tre .tp_bdy .dow3{left:15% !important;}
.grd_tre .tp_bdy .top3{left:15% !important; width:18.5% !important;}
.grd_tre .tp_bdy .top4{left:66.2% !important; width:1.3% !important;}

.grd_tre .tp_bdy > UL > li > UL > li:first-child .lft0{height:28px;  bottom:24px; top:-10px; }
.grd_tre .tp_bdy > UL > li > UL > li:first-child .lft1 {height:118%;  bottom:24px; top:-10px;}
.grd_tre .tp_bdy > UL > li > UL > li:first-child .lft2 {height:100%;  bottom:24px; top:-10px; }

.grd_tre .tp_bdy > UL > li > UL > li:nth-child(2n) .lft0 {height:80px;  bottom:24px; top:-64px; }
.grd_tre .tp_bdy > UL > li > UL > li:nth-child(2n) .lft1 {height:118%;  bottom:24px; top:-10px;}
.grd_tre .tp_bdy > UL > li > UL > li:nth-child(2n) .lft2 {height:200%;  bottom:24px; top:-64px; }

.grd_tre .tp_bdy > UL > li > UL > li:nth-child(3n) .lft0 {height:233px;  bottom:24px; top:-64px; }
.grd_tre .tp_bdy > UL > li > UL > li:nth-child(3n) .lft1 {height:80px;  bottom:24px; top:-64px;}
.grd_tre .tp_bdy > UL > li > UL > li:nth-child(3n) .lft2 {height:80px;  bottom:24px; top:-64px; }

.grd_tre .tp_bdy > UL > li > UL > li > UL > li:first-child .lft0{height:28px;  bottom:24px; top:-10px; }
.grd_tre .tp_bdy > UL > li > UL > li > UL > li:first-child .lft1 {height:138%;  bottom:24px; top:-10px;}
.grd_tre .tp_bdy > UL > li > UL > li > UL > li:first-child .lft2 {height:100%;  bottom:24px; top:-10px; }

.grd_tre .tp_bdy > UL > li > UL > li > UL > li:nth-child(2n) .lft0 {height:23px;  bottom:24px; top:-6px; }
.grd_tre .tp_bdy > UL > li > UL > li > UL > li:nth-child(2n) .lft1 {height:28px;  bottom:24px; top:-10px;}
.grd_tre .tp_bdy > UL > li > UL > li > UL > li:nth-child(2n) .lft2 {height:80px;  bottom:24px; top:-64px; }

.grd_tre .tp_bdy > UL > li > UL > li > UL > li:nth-child(3n) .lft0 {height:24px;  bottom:24px; top:-6px; }
.grd_tre .tp_bdy > UL > li > UL > li > UL > li:nth-child(3n) .lft1 {height:80px;  bottom:24px; top:-64px;}
.grd_tre .tp_bdy > UL > li > UL > li > UL > li:nth-child(3n) .lft2 {height:80px;  bottom:24px; top:-64px; }

.grd_tre .tp_bdy > UL > li > UL > li > UL > li > UL > li:first-child .lft3 {height:28px !important;  bottom:24px; top:-10px !important; left:15%;}
.grd_tre .tp_bdy > UL > li > UL > li > UL > li > UL > li .lft3 {height:80px;  bottom:24px; top:-60px; left:15%;}
    */
.grd .norecords, .grd_div .norecords, .grd_ass .norecords, .grd_tre .norecords, .grd_asses .norecords, .norecords{ text-align:center; font-size:12px; color:#ff0000;}
.grd_paylst > table > tbody > tr > td > table{border-collapse:collapse;}

.grd_paylst > table > tbody > tr > td > table > tbody > tr:nth-child(odd), .grd_paylst > table > tbody > tr > td > table > tbody > tr:nth-child(even) {border-top: 5px solid #fff; background-color: #f9f9f9 !important; position:relative;}
.grd_paylst > table > tbody > tr > td > table > tbody > tr > td{border:0px !important;}
.grd_paylst .grd_paytr{border-top: 0px !important;}
.grd_paylst .grd_bord{outline:1px solid #eee !important;}
.grd_paylst .grd_paytr.grd_bord{background-color:#fff !important;}
.grd_paylst .hig_nam {color:#333; font-weight:bold; font-size:14px;}
.grd_paylst .grd_bord .hig_nam {color:#00adef; font-weight:bold; font-size:14px;}
.box_incont_lft{background:#eff5f7; border-top:4px solid #d1e3e9; padding:10px;}
.box_incont_rht{background:#eff9fc; border-top:4px solid #00b0f0; padding:10px;}
.grd_paydiv{}
.grd_aln, .grd_aln2{}
.grd_aln td th, .grd_aln2 td th{text-align:center;}
.grd_aln td th:first-child, .grd_aln2 td th:first-child{ text-align:left;}
/*.grd_aln2 td th:nth-child(2){ text-align:left;}*/
.grd_aln3 td th:last-child, .grd_aln3 td td:last-child{ text-align:center;}
.grd_aln4 td th, .grd_aln4 td td{ text-align:center;}
.grd_aln5 td th:last-child, .grd_aln5 td td:last-child{ text-align:right;}
.grd_aln6 td th:last-child, .grd_aln6 td td:last-child{ text-align:left;}
.grd_aln7 td th, .grd_aln7 td td{ text-align:left;}
.grd_aln7 td th:last-child, .grd_aln7 td td:last-child{ text-align:center;}
/* combo */
.cmbflt{background-color:#fff; border:1px solid #ccc; font-weight:normal; min-width:150px; width:100%; margin:0px; padding:0px; position:relative; font-size:14px; color:#666;}
.cmbflt .cmbflttxt{min-width:110px; text-overflow: ellipsis;width:100%; padding:2px 5px; text-align:left; display:table-cell; vertical-align:middle; color:#333; line-height:20px;}
.cmbflt .cmbarw{display:none;}
.cmbflt ul{position:absolute; background-color:#fff; border:1px solid #57c8f2; width:100%; margin:-1px 0px 0px -1px; top:0px; bottom:inherit !important; z-index:6666; min-height:100%; max-height:200px; overflow-x:hidden; overflow-y:auto; }
.cmbflt li{ border-bottom:1px dashed #ccc; padding:5px; cursor:pointer; line-height:18px;}
.cmbflt li:hover{background:#302F3F; color:#fff;}
.cmbflt li:first-child input{width:95%; border-color:#ccc;}
.cmbflt li:first-child input:focus { box-shadow: 0px 0px 0px !important;}
.cmbflt li:hover:first-child{cursor:none; background:transparent;}
.cmbflt li:last-child{border-bottom:0px;}
.cmbflt .imgbg{ position:relative; background-color:#eee; width:48px; height:48px; float:left; margin-right:5px; border-radius:4px; display:block; padding:2px;}
.cmbflt  .imgbg i{ z-index:1; font-size:24px; line-height:48px; text-align:center; width:48px; color:#999;}
.cmbflt  img{ width:48px; height:48px; border-radius:4px; z-index:2; top:0px; position:absolute; top:2px;}
.cmbflt .cmbfltarw{min-width:20px; width:20px; padding:4px 5px 0px 5px; text-align:center; display:table-cell; border-left:1px solid #ccc; font-size:12px; color:#999; cursor:pointer; vertical-align:top;}
.cmbflt .cmbfltarw:hover{ color:#3d5d7a;}
.cmbflt .cmbfltarw i {font-size:18px;}
.cmbflt .cmbhed{font-weight:bold;}

.cmb_fixed > div{ overflow:inherit !important;}
.cmb_fixed .cmbflt ul{  bottom:0px !important;}
.cmb_fixed .eml{width:100% !important;}
.cmb_fixed > div:hover .eml, .cmb_fixed > div:hover .nam, .cmb_fixed > div:hover .gen_lft1{ color:#fff;}


/* combo list */
.cmblst{background-color:#fff; border:1px solid #ccc; border-radius:0px; min-width:150px; width:100%; margin:0px; padding:0px; position:relative;}
.cmblst .cmbtxt{min-width:110px; width:100%; padding:0px; margin:0px; text-align:left; display:table-cell; font-size:12px; color:#666; vertical-align:middle; }
.cmblst .cmbtxt ul { min-height:32px; max-height:200px; overflow-y:auto; overflow-x:hidden; }
.cmblst .cmbtxt li{background-color:#ddd; padding:3px 5px; color:#666; border-radius:4px; margin:5px; float:left; line-height:14px; font-size:14px;}
.cmblst .cmbtxt li a{ padding-left:4px; cursor:pointer; color:#e60000; font-size:14px;}
.cmblst .cmbtxt li b{ font-weight:normal; display:inline; font-size:14px; color:#666;}
.cmblst .cmbarw{min-width:32px; line-height:32px; padding:0px 5px 0px 5px; text-align:center; display:table-cell; border-left:0px solid #ccc; font-size:12px; color:#999; cursor:pointer; vertical-align:top;}
.cmblst .cmblist{ margin: 2px 0px; padding:0px; position:absolute; min-width:150px; width:100%; background-color:#fff; border:1px solid #ccc;  border-radius:4px; z-index:77777; max-height:200px; overflow-y:auto; overflow-x:hidden;}
.cmblst .cmblist input{ padding:4px; margin:10px 2%; width:96%;}
.cmblst .cmblist ul li{ margin:0px; padding:0px; padding:5px; border-bottom:1px solid #eee; font-size:14px; color:#666; cursor:pointer;}
.cmblst .cmblist ul li:hover{background-color:#ddd; color:#666; } 
/* button combo */
.buttoncmb{background-color:#fff; border:1px solid #ccc; border-radius:4px; min-width:150px; width:100%; position:relative;}
.buttoncmb .buttontxt{min-width:110px; width:98%; padding:0px; text-align:center; line-height:15px; letter-spacing:0.8px; display:table-cell; font-size:12px; color:#666;}
.buttoncmb .buttonarw{min-width:20px; width:2%; padding:0px;  text-align:center; display:table-cell; border-left:1px solid #ccc; font-size:12px; color:#999; cursor:pointer;}
.buttoncmb .buttonarw i{  font-size:20px;  }
.buttoncmb .buttonlist{ margin:0px; padding:0px; position:absolute;} 
.buttoncmb .buttonlist ul{background-color:#fff; border:1px solid #eee; border-radius:0px 0px 4px 4px; cursor:pointer; width:100%;}
.buttoncmb .buttonlist ul li{ margin:0px; padding:5px; border-bottom:1px solid #eee; text-align:left;  font-size:12px; color:#666; }
.buttoncmb .buttonlist ul li:hover {  background-color:#00adef; color:#fff; }
/* tab page */
.pg_tbmain{ position:fixed; width:100%; height:38px; z-index:5555; margin:0; background:#f8f8f8; left:0px; padding-left:80px; top:77px; padding-top:2px; border-bottom:1px solid #00adef; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}

.pg_tbmain_op{ position:fixed; width:96%; height:36px; z-index:5555; margin:11px 0px 0px 0px;  background:#f8f8f8; left:52px; border-bottom:1px solid #00adef;}
.pg_tabm{margin:0px 2%; position:relative; }
.pg_tab {  font-size:14px !important;cursor:pointer; float:left; width:16%; position:relative;}
.pg_tabm .pg_tab div{  padding:5px 0px 5px 9px;  height:36px;}

.pg_tabm .rme_btn{position:absolute; right:10px; top:9px; z-index:33; color:#ccc; font-size:12px; text-decoration:none;}
.pg_tab > div > span{font-size:14px; z-index:22; position:absolute;  width:85%; padding:0px 3% 0px 5%; left:0px; text-align:left; bottom:8px;  overflow: hidden;  white-space: nowrap;  -o-text-overflow: ellipsis;  -ms-text-overflow: ellipsis;  text-overflow: ellipsis; display:block;}
.pg_tab a {padding-left:5px; font-size:14px; font-weight:normal; color:#009bd6; text-align:center;}
.pg_tab a:hover {color:#ff0000;}
.pg_tab .active{ color:#00adef; letter-spacing:0.5px; background-color:#fff; border:1px solid #00adef; border-width:1px 1px 0px 1px;}

.pg_tabm >.nosct {border-right:1px solid #ccc;}
.pg_tab .inactive{ color:#333;}

/*.pg_main{ padding-top:50px;}*/


.pg_tabm .combtn { height:46px; width:30px; position:absolute; line-height:46px; right:10px; top:0px;}
.combtn .buttoncmb{background-color:transparent !important; border:0px; border-radius:0px; min-width:100% !important; width:100% !important; position:relative; }
.combtn .buttoncmb .buttontxt{min-width:100% !important;  width:100%; padding:0px; text-align:center; line-height:0px; letter-spacing:0.8px; display:block; font-size:36px; color:#666;}
.combtn .buttoncmb .buttonarw{border-left:0px solid #ccc; }
.combtn .buttoncmb .buttonarw:hover{ background:#fff; border-radius:4px; -webkit-box-shadow:0 1px 6px rgba(0,0,0,.20); box-shadow:0 1px 6px rgba(0,0,0,.20);}
.combtn .buttoncmb .buttonarw:before{ content:"\f101"; font-size:16px; line-height:36px; z-index:11; position:absolute; right:5px; top:0px;}
.combtn .buttoncmb .buttonarw i{ display:none;}
.combtn .buttoncmb .buttonlist{ margin:0px; padding:0px; position:absolute; right:-5px; top:35px; z-index:6666;} 
.combtn .buttoncmb .buttonlist ul{background-color:#fff;  border:1px solid #eee; border-radius:0px 0px 4px 4px; cursor:pointer;  white-space: nowrap; min-width:160px; max-width:240px; }
.combtn .buttoncmb .buttonlist ul li{ margin:0px; padding:5px 3%; border-bottom:1px solid #eee; text-align:left; line-height: 24px;  font-size:12px; color:#666; width:100%; overflow: hidden;  white-space: nowrap;  -o-text-overflow: ellipsis;  -ms-text-overflow: ellipsis;  text-overflow: ellipsis;}
.combtn .buttoncmb .buttonlist ul li:hover {  background-color:#00adef; color:#fff;}
/* weblist */
.tile_bg{background-color:transparent !important; margin-bottom:20px !important; height:inherit !important;}
.tile_bg > din:nth-child(2n){ -webkit-box-shadow:0px 1px 5px rgba(0,0,0,.10);box-shadow:0px 1px 5px rgba(0,0,0,.10); padding:5px !important; background:#fff !important;}
.tile_lst{ background:#eee; height:62px; position:relative; font-size:12px; cursor:pointer; width:280px; float:left; margin:10px;}
.tile_lst .tile_img{ position:relative; width:60px; height:60px; display:block; background-color:#fff; text-align:center; padding:0px; margin:0px; float:left;}
.tile_lst .tile_img img{padding:1px; width:60px; height:60px; z-index:1111; position:absolute; top:0px; left:0px; background-color:#eee;}
.tile_lst .tile_img i{ z-index:1; font-size:24px; line-height:60px; text-align:center; width:60px; color:#ccc; }
.tile_lst .tile_txt{text-align:left; overflow: hidden;  white-space: nowrap;  -o-text-overflow: ellipsis;  -ms-text-overflow: ellipsis;  text-overflow: ellipsis; color:#666; font-size:12px; float:left; width:65%; padding:2px 5px 2px 10px; line-height:20px;}
.tile_lst .tile_txt i {font-size:14px;}
.tile_lst .btndlt{ width:20px; height:20px; border-radius:4px; margin:0px; color:#ff0000; font-size:12px !important; background:#fff !important; border:1px solid #e8e8e8; text-align:center; line-height:18px; padding:0px !important; position:absolute; right:0px; top:0px;}
.tile_lst .nam {font-weight:bold; color:#00adef !important; font-size:14px; width:90% !important;}
.tile_lst .stat{bottom:-2px; right:10px; position:absolute;}
.tile_lst .ico{padding:0px !important; font-size: 20px;}
.tile_lst .ico .abd{ top:32px !important;}
.tile_lst .stat[title='Draft']{ color:#ff8877; }
.tile_lst .stat[title='Completed']{ color:orange; }
.tile_lst .stat[title='Published']{ color:#77cc55; }
.tile_lst .stat[title='Abandoned']{ color:#00adef; }
.tile_lst .stat[title='Closed']{ color:#ff0000; }
.tile_lst .stat[title='Manager Score Pending']{ color:#ff8877; }


.sta{padding:3px 8px; margin-left:25px; font-size:12px; color:#fff; font-weight:normal;}
.sta[title='Draft'], .pnd, .sta[key='1'] { background:#ff8877; }
.sta[title='Completed'], .sta[title='Postponed'], .sta[key='3'] { background:orange; }
.sta[title='Published'], .sta[title='Active'], .sta[key='2'] { background:#77cc55; }
.sta[title='Abandoned'], .sta[title='Suspend']{ background:#00adef; }
.sta[title='Closed']{ background:#ff0000; } 
/* tilelist */
.tie_hed{ background:#00adef; color:#fff; padding:10px; font-weight:bold; position:relative;}
.tie_hed a{font-size:14px; font-weight:bold;  color:#fff; float:right; display:inline; cursor:pointer;}
.tie_col{ border:1px dotted #00adef; padding:10px 2%; background:#f8f8f8;}
.tie_tit {font-size:14px; font-weight:bold; padding-bottom:5px;}
.ds_add { position:absolute; right:10px; top:8px; border-radius:14px; width:22px; height:22px; border:2px solid #fff; cursor:pointer;}
.ds_add i{padding:3px 4px;}
.tie_clr{clear:both;}
.tie_colbor{ border:1px solid #00adef; background:#f8f8f8; border-bottom:2px solid #00adef }
.tie_colbor1{ border:1px solid #00adef; background:#fff; border-bottom:2px solid #00adef; margin:0px 2%; width:96%; }

.quk_lst{ position:relative; text-align:left;}
.quk_lst .qukimg{display: table-cell; vertical-align:top; text-align:left; width:136px; height:136px;}
.quk_lst .prfimg{ width:136px; height:136px; font-size:140px; line-height:136px;}
.quk_lst .prfimg img{width:136px; height:136px;}
.quk_lst .quktxt{display: table-cell; vertical-align:top; text-align:left; padding:0px 10px; font-size:14px; position:relative; width:80%;}
.quk_lst .quktxt .nam{font-weight:bold; color:#00adef;}
.quk_lst .quktxt div span, .prfcoltxt .dec span{ height:30px; vertical-align:top;}
.quksmlimg, .prfcoltxt .quksmlimg{ width:30px; height:30px; position:relative; margin-left:5px; margin-bottom:5px; line-height:30px !important; text-align:center; color:#999; background:#f8f8f8; font-size:16px; float:left;}
.quksmlimg img, .prfcoltxt .quksmlimg img{width:30px; height:30px; z-index:11; position:absolute; left:0px; top:0px;}
.quk_lst .quktxt .emltxt {font-size:12px;}

.quk_tie { margin-top:20px; }
.quk_tie > div { margin-right:2%; margin-bottom:10px; line-height:14px; width:31.33%; padding:2%; color:#fff; height:120px; float:left; text-align:center; font-size:14px; position:relative;}
.quk_tie > div b{ position:absolute; top:48%; font-size:30px; width:100%; text-align:center; left:0;}
.quk_tie > div:first-child{ background:#e94b3b;}
.quk_tie > div:nth-child(2){ background:#2ec1cc;}
.quk_tie > div:nth-child(3){ background:#ffb61c; margin-right:0%;}
.quk_tie > div:nth-child(4){ background:#23ae89;}
.quk_tie > div:nth-child(5){ background:#f98e33;}
.quk_tie > div:nth-child(6){ background:#449dd5; margin-right:0%;}

.tie_buss .tie_lst{height:180px;}
.tie_buss .tie_lst .nam{padding:5px 0px 0px 5px; white-space:pre-wrap !important; line-height:16px; width:96%;}
.tie_buss .tie_lst:hover .nam{color:#00adef !important;}
.tie_buss .tie_lst .eml{padding-left:5px;}



.tie_lst{ position:relative; text-align:left; margin:1px; font-size:12px; border:1px solid #eee; min-height:136px; float:left; color:#666; padding:0px !important; width:136px; overflow: hidden; white-space: nowrap;  -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis;  text-overflow: ellipsis;}
.tie_lst:hover{ background:#00adef; color:#fff;}
.tie_lst .prfimg{ width:136px; height:136px; font-size:36px; line-height:136px; background:#f8f8f8;}
.tie_lst .prfimg img{width:136px; height:136px;}
.tie_lst .rme{display:none;}
.tie_lst:hover .rme{ position:absolute; top:6px; right:6px; font-size:18px; z-index:2222; display:block; color:#00adef; cursor:pointer; }
.tie_lst:hover .nam{color:#fff; }

.tie_lst:hover .qukviw::after{background:#333;  opacity: 0.5;  filter: alpha(opacity=80);  content:"";  height:50px; position:absolute;  top:0px; right:0px; width:50px; z-index:3333; }
.tie_lst:hover .qukviw::before{content:"\f002"; font-size:18px; height:50px; position:absolute; text-align:center;  top:18px; right:0px; width:50px; z-index:4444; color:#fff;}
.tie_lst .rme:hover{ color:#ff0000; }
.tie_lst .mai, .tie_lst .dec{overflow: hidden; white-space: nowrap;  -o-text-overflow: ellipsis;  -ms-text-overflow: ellipsis;  text-overflow: ellipsis; width:140px; font-family:arial !important;}
.tie_lst .nam {font-weight:bold; color:#00adef; font-size:13px;}

.tie_emp{ position:relative; cursor:pointer; text-align:left; margin:1px; font-size:12px; border:1px solid #eee; min-height:138px; float:left; color:#666; padding:0px !important; width:136px; overflow: hidden; white-space: nowrap;  -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis;  text-overflow: ellipsis;}
.tie_emp .prfimg, .letter_bg{ width:136px; height:136px; font-size:36px; line-height:136px; text-align:center; margin:auto;  transition: all 0.5s ease-in-out;}
.tie_emp .prfimg img, .letter_bg{width:136px; height:136px; transition: all 0.5s ease-in-out;}
.tie_emp .ovnam {width:100%;}
.tie_emp .ovnam .log_msk{border-radius:0px; bottom:0px; z-index:3333; height:24px;}
.tie_emp .ovnam .nor_txt{padding:0px 2%; line-height:14px; width:100%; z-index:4444; height:18px; position:absolute; text-align:center; bottom:0px; transition: all 0.5s ease-in-out;  opacity: 1; color:#666;}
.tie_emp .ovnam .nam{ color:#333; font-size:13px; font-weight:bold; padding-bottom:4px; width:96%; text-align:center;  opacity: 1;}
.tie_emp .rme{display:none;}
.tie_emp:hover {background:#f8f8f8; height:100%; min-height:138px;}
.tie_emp:hover .ovnam .nor_txt{height:61px; transition: all 0.5s ease-out; }
.tie_emp:hover .prfimg{ width:75px; height:75px; text-align:center; margin:auto; transition: all 0.5s ease-in-out;}
.tie_emp:hover .prfimg img   {width:75px; height:75px; transition: all 0.5s ease-in-out;}
.tie_emp .ovr_ico{ font-size:18px; padding:2px 4px;}
.tie_emp:hover { background:#fff;}

.emp_crd{cursor:pointer;}
.emp_crd .emp_ovr{ position:absolute; right:0px; top:82px; z-index:6666; background-color:#f5a15a; padding:5px;  transition: all 0.5s ease-in-out; width:60px; height:60px;}
.emp_crd:hover .emp_ovr{right:0px; transition: all 0.5s ease-in-out; width:440px; height:136px;}
.emp_crd .rtpimg{ width:60px; height:60px; background:#fff; float:left; vertical-align:top; text-align:center; line-height:60px; font-size:24px; color:#ccc; position:relative; transition: all 0.5s ease-in-out;}
.emp_crd .rtpimg img{ width:60px; height:60px; z-index:1111; position:absolute; top:0px; left:0px; transition: all 0.5s ease-in-out;}
.emp_crd:hover .rtpimg{float:left; width:136px; height:136px; line-height:136px; font-size:48px; transition: all 0.5s ease-in-out;}
.emp_crd:hover .rtpimg img{width:136px; height:136px; transition: all 0.5s ease-in-out;}
.emp_detl{display:none; transition: all 0.5s ease-in-out; width:0px; height:0px;}
.emp_crd:hover .emp_detl{display:inline-block; float:left; width:65%; position:absolute; top:0px; height:136px; transition: all 0.5s ease-in-out; padding:0px 5px; color:#fff; font-size:12px;  }
.emp_crd .nam{ color:#fff; font-size:13px; font-weight:bold; width:90% !important;}


.tie_sch > div{padding:15px; float:left;}
.tie_sch .tie_lst{height:240px; border:0px; }
.tie_sch > div:hover, .tie_sch .tie_lst:hover{ background:#fff; color:#666;}
.tie_sch .tie_lst:hover .nam{ color:#00adef;}
.tie_sch  .prfimg{ background:#fff !important;}

.tie_lst .eml{ width:90% !important;}
.tie_lst:hover .pho{color:#fff;}
.tie_lst:hover .eml{color:#fff;}
.malcol{  background-image: url(male.png);    background-size: 136px 136px;    background-repeat: no-repeat; background-color:#E3F2FD !important; background-position:0px 5px; }
.tie_emp:hover .malcol{  background-image: url(male.png);    background-size: 75px 75px;    background-repeat: no-repeat; background-color:#E3F2FD !important; background-position:50% 5px; }
.femalcol{  background-image: url(female.png);    background-size: 136px 136px;    background-repeat: no-repeat; background-color:#E3F2FD !important; background-position:0px 5px; }
.tie_emp:hover .femalcol{  background-image: url(female.png);    background-size: 75px 75px;    background-repeat: no-repeat; background-color:#E3F2FD !important; background-position:50% 5px; }

.bod_gr .tie_lst:hover .nam{color:#00adef !important; }
.bod_gr .tie_lst:hover{ background:#f5fcfe !important;}
.wed95{width:95% !important}
 

/* tile with photo header column*/
.tile_carousel{background:transparent !important; }
.tile_carousel .owl-prev{left:-40px !important;}
.tile_carousel .owl-next{right:-40px !important;}
.tile_carousel .owl-prev, .tile_carousel .owl-next{background:transparent !important; font-size:0px;}
.tile_carousel .owl-prev::before, .tile_carousel .owl-next::before{color:#666 !important}
.tile_carousel .owl-item{box-shadow:0 0px 0px !important; -webkit-box-shadow:0 0px 0px !important;}
.tile_crs { font-size:12px; text-align:center; height:246px; background-color:#f8f8f8;}
.tile_crs .prfimg{width:80px !important; height:80px !important; display:inline-block !important; line-height:80px; font-size:24px;}
.tile_crs .prfimg img{width:80px !important; height:80px !important; display:inline-block !important;}
/* tilelist */
.tile_gen{ font-size:12px;}
.tile_gen > div{ width:24%;  margin-right:1.3%; float:left; font-weight:bold; font-size:12px; line-height:24px;}
.tile_gen > div:nth-child(3n){ margin-right:0px;}
/* tile assessment with photo header*/
.tile_ass{ font-size:12px;}
.tile_ass > div{ width:32.26%; border:1px solid #eee; border-bottom:3px solid #00adef; margin-right:1.6%; float:left; height:400px; margin-bottom:20px; background-color:#f8f8f8;}
.tile_ass > div:nth-child(3n){ margin-right:0px;}
.tile_ass .tile_lst{ background-color:#fff; float:inherit; width:94%; height:84px; margin:10px 3%;cursor:inherit; -webkit-box-shadow:0 3px 6px rgba(0,0,0,.20);box-shadow:0 3px 6px rgba(0,0,0,.20);}
.tile_ass .tile_lst > div{padding:10px;}
.tile_ass .tile_lst .tile_img { background-color: #eee;  }
.tile_ass .btndt{ position:absolute; top:216px !important; width:100%; margin:0px !important; padding-left:0px !important; padding-right:0px !important; text-align:center;}
.tile_ass .btndt:active{  top:218px !important;}
.ico_pos{position:relative;}
.ico{ position:absolute; top:10px; right:10px; font-size:24px; cursor:pointer;}
.ico_tag{ position:absolute; top:10px; right:8px; font-size:14px; cursor:pointer; color:#fff; background:#621885; padding:2px;}
.ico_lnk{ position:relative; font-size:24px; cursor:pointer;}

.abd_tag:before{content:"\f0d8"; top:-25px; right:0px; font-size:36px; position:absolute; color:#621885; }
.abd_tag{ position:absolute; top:40px; min-width:180px; right:5px; background:#fff; border-top:2px solid #621885;  font-size:12px; z-index:1111; color:#666;  white-space: nowrap; -webkit-box-shadow:0 3px 6px rgba(0,0,0,.50);box-shadow:0 3px 6px rgba(0,0,0,.50);}
.abd_hed{font-size:18px; font-weight:bold; padding:10px; position:relative; text-align:center;}
.abd_hed b{ position:absolute; top:10px; right:8px; font-size:14px; cursor:pointer; color:#fff; background:#77cc55; padding:5px;}
.abd_inp{margin:10px;}
.abd_tag ul{ max-height:200px; overflow-x:hidden; overflow-y:auto;}
.abd_tag ul li{padding:5px 5px 5px 20px; border-left:2px solid #00adef; border-bottom:2px solid #fff; font-size:12px; cursor:pointer; position:relative;}
.abd_tag ul .actlk{background:#666 !important; color:#fff !important; border-left:2px solid #555 !important;}
.abd_tag ul .actlk::before{content:"\f00c"; top:8px; left:4px; font-size:14px; position:absolute; color:#fff;}
.abd_tag ul li:nth-child(2n){background:#f8f8f8;}

.abd:before{content:"\f0d8"; top:-25px; right:0px; font-size:36px; position:absolute; color:#666; }
.abd{ position:absolute; top:42px; right:-1px; background:#fff; border:1px solid #666;  font-size:12px; z-index:1111; color:#666;  white-space: nowrap; -webkit-box-shadow:0 3px 6px rgba(0,0,0,.50);box-shadow:0 3px 6px rgba(0,0,0,.50);}
.abd > div { border-bottom:1px dotted #ccc; padding:0px 15px !important; cursor:pointer; text-align:left; line-height:36px; font-size:14px; font-weight:bold;}
.abd  div:hover .abd:before{color:#00adef;}
.abd > div:hover{ background:#00adef; color:#fff;}
.abd > div:last-child { border-bottom:0px; }
.abd_ov{ display:none;}
.ico:hover .abd_ov, .ico_lnk:hover .abd_ov{ display:block;}
.orfot .abd{ border:0px; top:-78px;}
.orfot .abd:before{ color:#fff; content:"\f0d7"; top:58px;}

.tile_ass .tile_tit { font-size: 14px; font-weight:bold; padding:10px;  border-top:1px solid #eee;}
.tile_ass .clr{ clear:both; float:none !important;}
.tile_ass .tile_col{ }
.tile_ass .colhg{ height:258px; overflow-y:auto;}
.tile_ass .colwg{ height:214px; overflow-y:auto;}
.tile_ass .colag{ height:278px; position:relative; width:100%; }
.tile_ass .colag  .tile_col { height:210px; overflow-y:auto;}
.tile_ass .tile_col > div{ border-bottom:1px solid #eee; padding:5px 10px; position:relative;}
.tile_ass .tile_col > div .rme{ position:absolute; top:12px; right:10px; font-size:14px; color:#666; cursor:pointer; }
.tile_ass .tile_col > div .rme:hover{ color:#ff0000; cursor:pointer;}
.tile_ass .tile_col > div > div { float:left; min-height:1px;}

.tile_ass .tile_col > div > div:first-child{width:60%;}
.tile_ass .tile_col > div > div:nth-child(2n){width:15%; text-align:center;}
.tile_ass .tile_col > div > div:nth-child(3n){width:20%; text-align:center;}
.tile_ass .tile_col > div > div[title='Pending'], .btn_pend{ background:#ff8877; padding:0px 2px; color:#fff; border-radius:4px;}
.tile_ass .tile_col > div > div[title='Completed']{ background:#77cc55; padding:0px 2px; color:#fff; border-radius:4px;}
.tile_ass .tile_col > div > div[title='Approved']{ background-color:#4a9c2a; padding:0px 2px; color:#fff; border-radius:4px;}
.tile_ass .tile_col > div > div[title='Progress']{ background-color:#bf9000; padding:0px 2px; color:#fff; border-radius:4px;}
.tile_ass .tile_col > div > div[title='In Progress']{ background-color:#f0cc44; padding:0px 2px; color:#fff; border-radius:4px;}
.tile_ass .tile_col > div > div[title='Not Started']{ background-color:orange; padding:0px 2px; color:#fff; border-radius:4px;}
.tile_ass .tile_col > div > div[title='Skipped']{ background-color:orange; padding:0px 2px; color:#fff; border-radius:4px;}
.status_col[title='Rejected'] {    background-color: #ff8877;}
.status_col[title='Approved'] {    background-color: #66cc66;}
.tile_ass .tile_fot{ padding:5px; background-color:#fff; text-align:center; color:#666;}
.tile_ass .tile_fot .fa:hover{color:#666; cursor:pointer;}

.tile_ass .tile_ext > div > div:nth-child(2n){width:36% !important; text-align:center;}
.tile_ass .tile_ext > div > div:nth-child(3n){width:0% !important; text-align:center;}

.tile_ass aside {visibility: visible !important;  opacity:1 !important;}
.tile_ass aside { width:100% !important; bottom:2px !important; left:0px !important; padding:0px !important; margin:0px !important; position:absolute;}
.tile_ass aside ul{background:#fff;   height:24px; text-align:center; padding-top:5px;}
.tile_ass aside .slidr-breadcrumbs li:first-child{margin-left:45% !important; }
.tile_ass aside .slidr-breadcrumbs  .active{ background-color:#00adef !important; border:1px solid #00adef !important;}
.tile_ass aside .slidr-breadcrumbs li{ float:left; color:#4a9c2a; border:1px solid #00adef !important;}
.tile_ass aside .up{ display:none;}
.tile_ass aside .down{ display:none;}
.tile_ass aside  .slidr-control{border-color:#00adef !important; display:none;}
.tile_ass aside .left{ left:-5px !important; top:-100% !important; height:100% !important; position:absolute;}
.tile_ass aside .right{ right:-5px !important; top:-100% !important; height:100% !important; position:absolute;}

.btn_pend{ padding:5px;}

.tile_wiz{ font-size:24px;}

.tile_wiz > div{ width:22%; margin-right:4%; height:100%; float:left; background-color:#f1f1f1; color:#333; font-size:14px; font-weight:normal; position:relative; text-align:center;}
.tile_wiz > div:hover{background-color:#00adef; color:#fff;}
.tile_wiz > div:hover i, .tile_wiz > div:hover b{color:#fff;}
.tile_wiz > div:last-child, .wiz5 > div:last-child, .wiz4 > div:last-child, .wiz6 > div:last-child{ margin-right:0px !important;}
.tile_wiz > div > div {padding:20px 5px 10px 5px;}
.tile_wiz  .comp  div{ border-bottom:3px solid #bad80a;}
.tile_wiz  .alem  div{ border-bottom:3px solid #fcd116;}
.tile_wiz  .unpub > div{ border-bottom:3px solid #00a489;}
.tile_wiz  .elap  div{ border-bottom:3px solid #e81123;}
.tile_wiz  .drft   div{ border-bottom:3px solid #ec008c;}
.tile_wiz  .abdn div{ border-bottom:3px solid #682174;}
.tile_wiz .atv div{ border-bottom:3px solid #00adef !important;}
.tile_wiz > div > div b{ font-size:24px; position:absolute; right:5px; top:5px;}
.tile_wiz > div > div i{ font-size:60px; padding-right:5px; display:block; color:#00adef; padding-bottom:10px; text-align:center; height:65px; font-style:normal;}
.tile_wiz > div > div .ico{ position:absolute; left:10px; top:26px; padding-right:0px;}
.tile_wiz > div  a{ font-size:42px; position:absolute; left:44%; bottom:-25px;  color:#00adef;}
.tile_wiz > div > div > div{ text-align:center;}
.tile_wiz > div > div > div > div:first-child{font-size:30px; padding-bottom:5px;}
.tile_wiz .clr{ clear:both; float:none !important;}
.tile_wiz .atv{background-color:#00adef !important; color:#fff !important;}
.tile_wiz .atv i{color:#fff;}
.tile_wiz_font > div > div i{ font-size:36px; }
.wiz3 > div{width:33% !important; border:1px solid #eee; margin:0px !important; background:#fff;}
.wiz3 > div > div  > i{line-height:60px;}
.wiz3 > div > div > b {color:#999; font-size:36px !important;}
.wiz4 > div{width:23% !important; margin:1% !important;  cursor:pointer;}
.wiz5 > div{width:19.6% !important; margin-right:.5% !important; cursor:pointer;}
.wiz6 > div{width:15% !important; margin-right:2% !important; cursor:pointer;}

/* tilegrd */
.tile_row{font-size:12px; border:0px !important;}
.tile_row > div{border:0px !important; width:22% !important; margin-bottom:10px !important; margin-right:10px !important; -webkit-box-shadow:0px 1px 5px rgba(0,0,0,.10);box-shadow:0px 1px 5px rgba(0,0,0,.10); padding:5px !important;}
.tile > div:hover .eml{ color:#fff;}

.tile_row1{font-size:12px; border:0px !important;}
.tile_row1 > div{border:0px !important; width:inherit !important; float:inherit !important;}

.tile_row_ful{font-size:12px; border-top:0px !important;}
.tile_row_ful > div{border:0px !important; width:inherit !important; float:inherit !important;  -webkit-box-shadow:0px 1px 5px rgba(0,0,0,.10);box-shadow:0px 1px 5px rgba(0,0,0,.10); margin-bottom:10px !important; margin-right:10px !important; cursor:default !important;}

.tile_rowbdr{}
.tile_rowbdr > div{border:1px solid #ccc !important;}

.cus_row {}
.cus_row > div{ cursor:inherit !important;}
.cus_row > div:hover{ background:transparent !important; color:#666 !important;}
.cus_row > div:hover .nam{ background:transparent !important; color:#00adef !important;}
.tile_row3{font-size:12px; border-top:0px !important;}
.tile_row3 > div{border:0px !important; width:30% !important;  -webkit-box-shadow:0px 1px 5px rgba(0,0,0,.10);box-shadow:0px 1px 5px rgba(0,0,0,.10); margin-bottom:10px !important; margin-right:2% !important; cursor:default !important;}
.tile_row3 > div:hover .eml{color:#fff !important; }
.tile_row4{font-size:12px; border-top:0px !important;}
.tile_row4 > div{border:0px !important; width:28% !important; float:left;}

.tile_row5{font-size:12px; border-top:0px !important; line-height: 18px;}
.tile_row5 > div{border:0px !important; background:#fff; width:31% !important; padding:0px 1% 0px 0px !important; -webkit-box-shadow:0px 1px 5px rgba(0,0,0,.10);box-shadow:0px 1px 5px rgba(0,0,0,.10); margin-bottom:10px !important; margin-right:2% !important; cursor:default !important;}
.tile_row5 > div:nth-child(3n){ margin-right:0px !important;}
.tile_row5 .rtpimg, .tile_row5 .rtpimg img{ width:72px; height:72px; line-height:72px; }
.tile_row5 .dec_txt{width:70%;}
.row_pad{padding-top:20px;}
.not_ass{top:0px !important;}
.tile_ingrd{font-size:12px; }
.tile_ingrd > div { position:relative; background:#fff; text-align:left; line-height:18px; float:left; color:#666; padding:0px; width:32%; margin:6px !important;}
.tile_ingrd > div .nam {font-weight:bold; color:#00adef !important; width:90%;}
.tile_ingrd .rtpimg{ width:60px; height:60px; background:#eee; margin-right:5px; float:left; text-align:center; line-height:60px; font-size:24px; color:#ccc; position:relative; }
.tile_ingrd .rtpimg img{ width:60px; height:60px; z-index:1111; position:absolute; top:0px; left:0px;}
.tile_ingrd .stat, .not_ass{top:42px; right:0px; position:absolute; background:#9d3f98; padding:0px 2px 0px 12px; color:#fff; z-index:2222;}
.tile_ingrd .stat:before, .not_ass:before{ content:"\f0da"; top:-5px; left:-1px; color:#fff; font-size:30px; position:absolute;}
.seat{top:0px; left:0px; position:absolute; background:#77cc55; padding:0px 30px 0px 10px; color:#fff; z-index:2222; font-size:12px;}
.seat i{font-size:12px; padding-right:5px;}
.seat:before{ content:"\f0d9"; top:-6px; right:-1px; color:#fff; font-size:30px; position:absolute;}
.app{background:#9999cc;}
.tile_bdr > div{ border:1px solid #eee;}
.tile_bdr .stat{ top:inherit !important; bottom:0px;}
.tile_bdr .stat[title="Filled"], .ass_col{background:#ff8877 !important;}

.slt{top:0px; right:0px; position:absolute; }

.slt:before{ content:"\f0da"; z-index:1111; color:#2b9700; position:absolute; font-size:72px; line-height:14px; top:1px; right:-5px; -webkit-transform: rotate(-45deg);   -moz-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);}
.slt:after{content:"\f00c"; z-index:2222; top:3px; right:3px; position:absolute; color:#fff; font-size:14px;}


.slt_b{bottom:16px; right:0px; position:absolute; }

.slt_b:before{ content:"\f0da"; z-index:1111; color:#2b9700; position:absolute; font-size:72px; line-height:14px; top:1px; right:-5px; -webkit-transform: rotate(45deg);    -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);}
.slt_b:after{content:"\f00c"; z-index:2222; top:-3px; right:3px; position:absolute; color:#fff; font-size:14px;}

.tile_ingrd .arr{bottom:-8px; right:45%; position:absolute; background:#fff; border-radius:14px; padding:3px; font-size:12px; line-height:12px; color:#00adef; cursor:pointer; }

.tile_ingrd .flt{width:70%;}

.of_ovr{font-size:12px; border-top:0px !important;}
.of_ovr > div{ cursor:default !important; padding:0px  !important; margin:-15px -2% !important; border:0px !important; width:33% !important;}
.of_ovr > div:hover{ background:transparent !important; color:#666 !important;}
.of_ovr > div:hover .nam{ background:transparent !important; color:#00adef !important;}
.of_ovr .rtpimg {  background: #f8f8f8 !important;}
.tile{border-top:1px dashed #ccc; font-size:12px; }
.tile > div:nth-child(5n){ border-right:0px !important;}
.tile > div { border: dashed #ccc; border-width:0px 1px 1px 0px; position:relative; text-align:left; line-height:18px; margin:0px;  cursor:pointer; float:left; color:#666; padding:15px 2%; width:16.66%; overflow: hidden; white-space: nowrap;  -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis;  text-overflow: ellipsis;}
.tile > div:hover{ background:#00adef; color:#fff;}
.tile > div .rme, .tie_rpt_ft > div .rme{display:none;}
.tile > div:hover .rme, .tie_rpt_ft > div:hover .rme{ position:absolute; top:6px; right:6px; font-size:18px; z-index:2222; display:block; color:#ccc; cursor:pointer; }
.tile > div:hover .rme:hover, .tie_rpt_ft > div:hover .rme:hover{ color:#ff0000; cursor:pointer;}
.tile > div:hover .nam{ color:#fff !important;}
.tile > div .nam {font-weight:bold; color:#00adef !important;}
.tile .rtpimg{ width:60px; height:60px; background:#eee; margin-right:5px; float:left; text-align:center; line-height:60px; font-size:24px; color:#ccc; position:relative; }
.tile .rtpimg img{ width:60px; height:60px; z-index:1111; position:absolute; top:0px; left:0px;}

.tile .stat{top:16px; right:5px; position:absolute;}
.tile .stat[title='Draft'], .tile .stat[title='Progress'] { color:#ff8877; }
.tile .stat[title='Completed']{ color:orange; }
.tile .stat[title='Published']{ color:#77cc55; }
.tile .stat[title='Abandon']{ color:#00adef; }
.tile .stat[title='Absent']{ background:#ff8877; padding:0px 4px; color:#fff; border-radius:4px;}
.tile .stat[title='Attended']{ background:#77cc55; padding:0px 4px; color:#fff; border-radius:4px;}

.shd_inc {margin-top:20px; }
.shd_inc > div{-webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.4); box-shadow:0px 1px 5px rgba(0,0,0,0.4); width:32% !important; cursor:pointer !important; margin-right:2% !important; margin-bottom:2% !important;}
.shd_inc > div:nth-child(3n){margin-right:0% !important;}
/* tilegrd */
.tie_grd{  min-height:80px !important; border: dashed #ccc; border-width:0px 1px 1px 0px;  margin:0px !important; padding:0px; border-radius:0px !important; width:16.5% !important;}
.tie_grd:hover, .tie_grd:hover .nam{ background:#00adef !important; color:#fff !important;}
.tie_grd .col{padding-left:5px;}
.tie_grd .nam {font-weight:bold; color:#00adef !important;}
.tie_grd .rme { color:#ccc !important; cursor:pointer;}
.tie_grd .rme:hover{ color:#ff0000 !important;}
/* tile row list */
.tie_row{ float:inherit !important; min-height:inherit !important; width:inherit !important; margin:0px !important; border-radius:0px !important; padding:5px !important; border:0px;}
.tie_row:hover{ background:#fff !important; color:#00adef !important;}
.tie_row:hover .row .nam{color:#00adef !important;}
/* tile report list */
.tie_rpthed{font-size:14px; font-weight:bold; color:#666; border-bottom: 1px dotted #ccc; padding:5px 0px; margin:0px 10px;}
.tie_rptcl{text-align:left; font-size:12px; margin:10px;}
.tie_rptcl .divempty10{height:0px !important;}
.tie_rptcl .tie_rpt > div{margin-bottom:15px;}
.divemt_act .divempty{height:10px !important;}
.tie_rptmgr{text-align:left; font-size:12px;}
.tie_rptmgr > div{background:#f8f8f8; width:48%; margin-right:4%; float:left; position:relative;}
.tie_rptmgr > div:last-child{margin-right:0px;}
.tie_rptmgr > div > div{padding: 30px 10px 10px 10px; min-height:30px;}
.tie_rptmgr .tie_rptit{ position:absolute; font-size:14px; font-weight:bold; top:10px; left:5px;}
.tie_rptmgr .tie_rptit b{ color:#45a142;}
.tie_rptmgr .src_hed .inp{width:150px !important;}
.tie_rptmgr .divempty10{padding:0px !important;}
.tie_rptmgr .divempty{min-height:0px;}
.TPL_rptmgr .tie_rptit{top:0px; left:0px; padding: 10px; background: #00adef;  width: 100%; color: #fff;}
.TPL_rptmgr .tie_aln_top{padding:2px 0px 0px 0px;}
.TPL_rptmgr .tie_rpt .rcl_rat {font-size: 30px;  top: 16px;}
.TPL_rptmgr .set_al{padding:10px !important;}
.TPL_rptmgr .flt_bg {margin-bottom:0px;}
.TPL_rptmgr .rme_lnk a {    position: absolute;    right: 10px;    top: 10px; color:#fff !important;
}

/* tile float for ft*/
.tie_rpt_clr{ border-top:1px solid #ccc; padding-top:10px;}
.tie_rpt_clr > div {background:#f8f8f8 !important; border:1px solid #eee; -webkit-box-shadow:0px !important;box-shadow:0px !important; margin-right:10px !important; margin-bottom:10px !important;}

.tie_rpt_ft { font-size:12px;}
.tie_rpt_ft > div { position: relative; padding:5px; background:#fff; width:30%; line-height:20px; float:left; margin-bottom:5px; margin-right:3%; -webkit-box-shadow:0px 1px 5px rgba(0,0,0,.10);box-shadow:0px 1px 5px rgba(0,0,0,.10);}
.tie_rpt_ft .tit{ background:transparent !important; font-weight:bold; font-size:14px; -webkit-box-shadow:0px 1px 5px rgba(0,0,0,0) !important;box-shadow:0px 1px 5px rgba(0,0,0,0) !important;}
.tie_rpt_ft a{ cursor:pointer; color:#00adef; font-weight:normal; padding-left:5px; font-size:12px;}
.tie_rpt_ft .ft_abs{position: absolute; right:5px; bottom:8px; line-height:12px;}
.tie_rpt_ft .eml{ width:65%;}
.tie_rpt_ft .no_rec{ width:100% !important; margin:0px !important; padding:0px !important;  -webkit-box-shadow:0px 0px 0px !important; box-shadow:0px 0px 0px !important; background-color:transparent !important;}
.tie_rpt_ft .bootstrap-select .btn{padding-top:0px !important;  padding-bottom:0px !important;}
.tie_rpt3 > div {width:27% !important;}
.tie_rpt_ovr{   position:relative;}
.tie_rpt_higH{height:140px;}
.tie_rpt_higL{height:90px;}
.tie_rpt_ovr > div{  vertical-align:middle;}
.tie_rpt_ovr > div b{ position:absolute; text-align:center;  font-size:36px;  color:#23ae89; background-color:#fff; padding:30px 0px 0px 0px; top:0px; z-index:2222; border-radius:100%; width:60%; margin:0px 20%; height:90px;}
.tie_rpt_ovr > div span{ top:55px; left:0px; width:100%; background-color:#fff; text-align:center; height:50px; font-size:18px; color:#666; padding-top:15px; position:absolute; z-index:3333; vertical-align:middle;}/*bottom:10px;*/
.tie_rpt_ovr > div span a{  color:#999; font-size:14px;  }
.tie_rpt_ovr > div span .fa{color:#23ae89; font-size:18px; line-height:0px;}
.tie_rpt_ovr .remarkzz_text{ background: #fff; left:0px; top:100px; width: 100%;font-size: 16px;font-weight:bold;color: #e56735;text-align: center;padding:5px 0;    position:absolute; z-index:3334;}/*bottom:45px;*/
.tie_rpt_ft_cl > div:nth-child(5) .tie_rpt_chd > div b{color:#239fdb;}
.tie_rpt_ft_cl > div:nth-child(7) .tie_rpt_chd > div b{color:#e56735;}

.tie_rpt_chd{ margin-top:10px; }
.tie_rpt_chd > div { vertical-align:middle; text-align:center; width:30%; margin-right:5%; position:relative; height:60px; float:left;}
.tie_rpt_chd > div:last-child{margin-right:0px;}
.tie_rpt_chd > div b{ position:absolute;  font-size:16px; left:0px;  background-color:#fff; padding:10px 0px 0px 0px; top:0px; z-index:2222; border-radius:100%; width:60%; margin:0px 20%; height:55px;}
.tie_rpt_chd > div span{ bottom:0px; left:0px; width:100%; background-color:#fff; height:25px; font-size:14px; color:#666; padding-top:5px; position:absolute; z-index:3333; vertical-align:middle;}

/* tile float for ft*/
.tie_rpt_ft_cl { font-size:12px;  background:#eee; padding:2% 5%;     margin-top: 82px;}
.tie_rpt_ft_cl > div { position: relative;  float:left; margin-bottom:5px;  margin-right:3%;}
.tie_rpt_ft_cl > div:first-child {  width:36%;   }
.tie_rpt_ft_cl > div:nth-child(2) {  width:22%;   }
.tie_rpt_ft_cl > div:nth-child(3) {  width:36%;  margin-right:0%;}
.tie_rpt_ft_cl > div:nth-child(4) {  width:68%; border:2px solid #ccc; border-bottom:0px; padding-bottom:15px; margin:0% 16%;}
.tie_rpt_ft_cl > div:nth-child(5) {  width:36%;   }
.tie_rpt_ft_cl > div:nth-child(6) {  width:22%;   }
.tie_rpt_ft_cl > div:nth-child(7) {  width:36%;   margin-right:0%;}
.tie_rpt_ft_cl .ovr_lst{ width:75%;}
.tie_rpt_ft_cl .ovr_scr{ position:absolute; width:20%; margin:1px; border-radius:0px 4px 4px 0px; right:0px; height:88px; top:0px; background:#fff; font-size:30px; text-align:center; padding-top:30px;}

.tie_rpt_ft_cl .tit{ background:transparent !important; font-size:14px; text-align:center;}
.tie_rpt_ft_cl .cont1{background:#239fdb;}
.tie_rpt_ft_cl .cont2{background:#e56735; }
.tie_rpt_ft_cl .nam{ font-weight:bold; color:#fff; font-size:14px; padding-top:5px; width:60% !important;}
.tie_rpt_ft_cl .pho{ color:#fff; padding-top:5px; font-size:14px;}
.tie_rpt_ft_cl .eml{ color:#fff; width:60% !important; padding-top:5px; font-size:14px;}
.tie_rpt_ft_cl .rtpimg{ width:90px; height:90px; background:#fff; margin-right:5px; float:left; text-align:center; line-height:90px; font-size:24px; color:#ccc; position:relative; }
.tie_rpt_ft_cl .rtpimg img{ width:90px; height:90px; z-index:1111; position:absolute; top:0px; left:0px;}
.tie_rpt_ft_cl a{ cursor:pointer; color:#00adef; font-weight:normal; padding-left:5px; font-size:12px;}
.tie_rpt_ft_cl .ft_abs{position: absolute; right:5px; bottom:8px; line-height:12px;}



/* tile widthout float*/
.tie_rpt, .tie_rpt_ul { font-size:12px;}
.tie_rpt > div, .tie_rpt_ul > ul > li { position: relative; line-height:20px; padding:5px; background:#fff; margin-bottom:5px; -webkit-box-shadow:0px 3px 8px rgba(0,0,0,0.2);box-shadow:0px 3px 8px rgba(0,0,0,0.2);}
.tie_rpt > div:last-child, .tie_rpt_ul > ul > li:last-child{ border-bottom:0px;}
.tie_rpt > div:hover, .tie_rpt_ul > ul > li:hover{  -webkit-box-shadow:0px 3px 8px rgba(0,0,0,0.3);box-shadow:0px 3px 8px rgba(0,0,0,0.3);}
.min_hig_rpt > div{    min-height: inherit !important;}
/*.tie_rpt > div:hover::after{background:#333;  opacity: 0.8;  filter: alpha(opacity=80);  content:" "; height:100%; position:absolute;  top:0px; left:0px; width:100%; z-index:1; }
.tie_rpt > div:hover::before{content:"Click to Add Employee"; position:absolute; top:40%; text-align:center;  width:100%; font-family:arial !important; font-size:16px; color:#fff; z-index:2;}
*/
.tie_rpt .rptcol{float:left; width:65%;}
.tie_rpt .rptcol .nam{width:90%;}
.tie_rpt .rtpimg, .tie_rpt_ft .rtpimg{ width:60px; height:60px; background:#eee; margin-right:5px; float:left; text-align:center; line-height:60px; font-size:24px; color:#ccc; position:relative; }
.tie_rpt .rtpimg img, .tie_rpt_ft .rtpimg img{ width:100%; height:100%; z-index:1111; position:absolute; top:0px; left:0px;}
.tie_rpt > div:hover .nam {color:#00adef;}
.tie_rpt .nam, .tie_rpt_ft .nam, .tie_rpt_ul .nam{font-weight:bold; color:#00adef; font-size:14px;}
.tie_rpt .rpttx{ text-align:center; color:#999; padding-top:10px; position:absolute; bottom:5px; right:10px;}
.tie_rpt .rpttx b{color:#00adef; font-weight:bold; font-size:16px;}
.tie_rpt .rcl_rat{ position:absolute; right:20px; font-size:54px; top:32px; text-align:center; }
.tie_rptmgr .rcl_rat span{font-size:14px; font-weight:bold;}
.tie_rpt > div > div:last-child.clr{ clear:both;}
/*.tie_rpt .clr{ clear:both;}*/
.ovr_lft{}
.ovr_lft .ovr_msk, .ovr_lft .ovr_pls, .ovr_lft .ovr_mns{transition: all 1s ease-out; background:#333; opacity: 0; position:absolute; z-index:66; width:100%; height:100%; top:0px; left:0px;}
.ovr_lft > div:hover .ovr_msk, .ovr_lft > div:hover .ovr_pls, .ovr_lft > div:hover .ovr_mns{transition: all 1s ease; background:#333; opacity: 0.2; position:absolute; z-index:66666; width:100%; height:100%; top:0px; left:0px;}
.ovr_lft .ovr_msk:before{content:"\f054"; position:absolute; right:20px; text-align:center; font-size:48px; color:#fff; top:20%;}
.ovr_lft .ovr_pls:before{content:"\f067"; position:absolute; left:0px; width:100%; text-align:center; font-size:48px; color:#fff; top:30%;}
.ovr_lft .ovr_mns:before{content:"\f068"; position:absolute; left:0px; width:100%; text-align:center; font-size:48px; color:#fff; top:30%;}
.tie_rpt_single .nam{ width:98% !important; z-index:1;}
.tie_rpt_single .tie_rpt > div{min-height:20px;}
.tie_rpt_single .ovr_lft .ovr_pls:before, .tie_rpt_single .ovr_lft .ovr_mns:before{font-size:16px !important; top:20%;}
.tie_nonam .nam{ overflow:inherit !important; white-space:inherit !important;}
/* tile Learning Program .ovr_lft .ovr_msk{display:none;} */
.tie_lpd{}
.tie_lpd > div{ border:1px solid #eee; width:49%;  float:left;}
.tie_lpd > div:first-child{margin-right:2%;}
.tie_lpd .tie_lphed{ padding:0px 5px; text-align:left; background-color:#00adef; font-size:16px; font-weight:bold; line-height:42px; color:#fff; position:relative; }
.tie_lpd .tie_lpbd{ height:420px; overflow-x:hidden; overflow-y:auto;}
.tie_lpd .tie_lpbd .divempty10{height:0px;}
.tie_lpd .tie_lpgrd{ font-size:12px; color:#333;  font-weight:normal; padding:0px;}
.tie_lpd .tie_lpgrd > div{border-bottom:1px dashed #ccc; padding:5px; position:relative; margin:0px; background:#f8f8f8;}
.tie_lpd .tie_lpgrd > div:hover{background:#00adef; color:#fff;}
.tie_lpd .tie_lpgrd > div:last-child{margin-bottom:0px; border-bottom:0px; }
.tie_lpd .tie_lpgrd > div .nam {color:#00adef; font-size:14px; overflow: hidden;  white-space: nowrap;  -o-text-overflow: ellipsis;  -ms-text-overflow: ellipsis;  text-overflow: ellipsis; width:70%;}
.tie_lpd .tie_lpgrd > div .pat{ position:absolute; right:10px; top:20px;}
.tie_lpd .tie_lpgrd > div .dlt { font-size:14px; width:20px; height:12px; line-height:14px !important; z-index:66666;}
.tie_lpd .tie_lpgrd > div b{ font-weight:normal; color:#999;}
.tie_lpd .tie_lpgrd > div .dec{ overflow: hidden;  white-space: nowrap;  -o-text-overflow: ellipsis;  -ms-text-overflow: ellipsis;  text-overflow: ellipsis; width:98%; }
.tie_lpd .tie_lpgrd > div .tie_lpbtn{text-align:right;}
.tie_lpd .tie_lpgrd > div:hover .nam, .tie_lpd .tie_lpgrd > div:hover b, .tie_lpd .tie_lpgrd > div:hover .tie_lpbtn{ color:#fff;}
.tie_lpd .tie_lpgrd .rtpimg{ width:60px; height:60px; background:#eee; margin-right:5px; float:left; text-align:center; line-height:60px; font-size:24px; color:#ccc; position:relative; }
.tie_lpd .tie_lpgrd .rtpimg img{ width:60px; height:60px; z-index:1111; position:absolute; top:0px; left:0px;}

.bod_gr > div:nth-child(odd){margin:0px;}
.bod_gr > div{ border-bottom:1px dashed #ccc;}
.bod_gr > div:last-child{border-bottom:0px;}
.tie_gr{text-align:left; font-size:12px; color:#666; position:relative;}
.tie_grst div:first-child{font-weight:bold;  color:#333;}
.tie_grst { float:left;}

.tie_lst .rme_bt{display:none;}
.tie_lst .rme_bt{position:absolute; font-size:18px; color:#999;  display:block; z-index:2222; top:0px; right:0px;}
.rme_bt .rm{position:absolute;  cursor:pointer; right:0px; top:5px; width:24px;}
.rme_bt .rm:hover{ color:#ff0000;}
.rme_bt .edt{ background-color:transparent; width:10px; height:10px; font-size:14px; padding:1px; text-align:center; color:#999; cursor:pointer; position:absolute; right:30px; top:2px; }
.rme_bt .edt:hover{ color:#333; border-color:#333;}
/*.tie_gr div:first-child:before{ content:"\f098"; padding-right:5px;}*/
/* progressbar */
.yrs{position:absolute; background:#00adef; padding:2px; top:10px; right:10px; border-radius:4px; color:#fff; }
.pro_out{background-color:#fff; border:1px solid #ccc; height:18px; width:200px; position:relative;border-radius:5px;}
.pro_in{background-color:#f5db3c; height:18px;}
.pro_aftin{background-color:#77cc55; height:18px;}
.pro_txt{color:#333; height:12px; font-size:11px; line-height:18px; position:absolute; top:0px; right:4px;}

/*model window*/
.modms{z-index:99999; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80);-moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; background:#666; padding:3px; top:0px; left:0px; width:100% !important; height:100% !important; position:fixed;}/*position:absolute; */
.modpn{width:100%; height:100%; overflow:hidden; display: block; position:absolute; top:0px; left:0px; z-index:88888;}
modbyout{   
-webkit-transition: bottom 0.0s;
-moz-transition: bottom 0.3s;
transition: bottom 0.3s;
    background:#fff; padding:0px;  width:420px; height:340px; top:0px; left:0px; margin:0px auto 0px auto; position:absolute; z-index:8888;  }/*border:3px solid #666; -webkit-box-shadow:0 8px 6px rgba(0,0,0,.25);box-shadow:0 8px 6px rgba(0,0,0,.25);*/
/*.modby{   
-webkit-transition: top 0.3s;
-moz-transition: top 0.3s;
transition: top 0.3s;
    background:#fff; padding:0px;  width:420px; height:340px; top:0px; left:0px; margin:0px auto 0px auto; position:absolute; z-index:8888; }*//*border:3px solid #666; -webkit-box-shadow:0 8px 6px rgba(0,0,0,.25);box-shadow:0 8px 6px rgba(0,0,0,.25);*/
/* new slide model
.modby{   
-webkit-transition: top 0.3s;
-moz-transition: top 0.3s;
transition: top 0.3s;
    background:#fff; padding:0px;  width:420px; height:auto !important; min-height:400px;  left:0px !important; right:0px !important; margin: auto; position:absolute; z-index:8888; 
 }*/

.modby {
  position: absolute;
  overflow: hidden;
  z-index: 99999;
  min-height: 100px;
  margin: auto;
  background: #fff;
 }
 

.modby .modiby {height:75% !important;}
.modby .modfot{ position:absolute; width:100%; background:#fff; bottom:0px;}
#innerWindow_comfirm {height:25% !important; min-height:200px !important; margin:10% auto;}
/* new slide model end*/
.modby .modhed, .modby .modfot{ border:0px; color:#fff; }
.modby .modhed{font-size:20px; background:#00adef; line-height:29px; height:60px; position:absolute; z-index:2222; width:100%; padding:15px 0px 15px 2%;  overflow: hidden;  white-space: nowrap;  -o-text-overflow: ellipsis;  -ms-text-overflow: ellipsis;  text-overflow: ellipsis;}
.modby .modfot{border-top:1px dashed #ccc; padding:5px 2% !important; text-align:center;}
.modby .cls{position: absolute;	right: 0px; top: 0px; line-height: 25px;  background:#009ede; padding:15px; -webkit-border-radius: 0px 5px 0px 0px; -moz-border-radius: 0px 5px 0px 0px; border-radius: 0px 5px 0px 0px;}
.modby .close{ border:2px solid #fff; background:#009ede; color: #FFF; line-height: 26px; text-align:center; width: 30px; border-radius: 50%; opacity:0.5;}
.modby .close:hover{opacity:1;}
.modby .modiby{overflow-x:hidden; overflow-y:auto; padding:15px; color:#666; margin:58px 0px 0px 0px;}
.modby .modiby .cmbflt ul{top:0px !important;}

.modby .dshed { border:0px !important; display:none;}
.modby_display .dshed {display:block !important;}
.modby .dsclr{ height:5px;}

/* Text editor */
.edt_pnlhd{ position:relative; padding:0px; margin:0px -5px;}
.edt_pnlhd .nicEdit-panelContain{ border:0px !important; border-radius:4px;}
.edt_pnlhd .nicEdit-selectTxt{ line-height:14px;}
.edt_pnlbd{ position:relative; padding:0px; height:400px; overflow-y:auto; overflow-x:hidden; margin:0px -5px;}
.edt_pnlbd .nicEdit-main{ height:100% !important; overflow-y:auto !important; overflow-x:hidden !important;}
.edt_pnlft{ border-top:1px solid #ccc; padding:0px;}
.edt_pnlft > div{ padding:0px 5px; float:left;  border-right:1px solid #ccc; cursor:move; font-weight:bold;}
.edt_pnlft > div:last-child{border:0px;}
/*Calendar*/
.cal_lst{ border-collapse:collapse;}
.cal_lst td{ border-right:1px solid #eee; border-bottom:1px solid #eee; width:14.2%; background-color:#fff; height:100px;}
.cal_lst td:first-child {  border-left:1px solid #eee;  }
.cal_lst > tbody > tr th {padding-bottom:5px;}
.cal_lst > tbody > tr:nth-child(2) td{ background-color:#f8f8f8 !important; height:32px !important; vertical-align:middle; text-align:center; border-top:1px solid #eee; font-size:14px;}
.cal_lsthed{}
.cal_lsttit{}
.cal_lstemt{ background-color:#eef8fb !important;}
.cal_lstday{}
.cal_lstday > div > h1{ text-align:right; font-size:14px; padding-right:5px;}
.cal_lstday > div > span > a{font-size:12px; color: #fff; border-radius:4px; font-weight:normal !important; display:block;}
.cal_lstday > div > span > a[key="0"] { background:#fcbb7e;   }
.cal_lstday > div > span > a[key="1"] { background:#86cbea;  }
.cal_lstday > div > span > a[key="2"] { background:#f27176;   }
.cal_lstday > div > span > a[key="3"] { background:#7e7cbb;   }
.cal_lstday > div > span > a[key="4"] { background:#f3e4a2;  }
.cal_lstwek{}
.cal_lstday_cur{  background-color:#00adef !important; color: #fff;}
.cal_lstday_cur > div > h1{ text-align:right; font-size:14px; padding-right:5px;}
.DatePicker_Calendar td{ width:14.2%;  height:100px;  position:relative; }
.DatePicker_Calendar tr:nth-child(2n) td { }
.DPWeekHeader_Calendar{height:32px !important; background-color:#f8f8f8; border-right:1px #eeeeee solid; border-bottom:1px #eeeeee solid;}
.DatePicker_Calendar td:hover b{    display: block; text-align:right; position:absolute;  z-index:1; vertical-align:top; width:100px; height:100px; top:5px; right:5px; }
.DatePicker_Calendar .DPDateTD_Calendar div, .DatePicker_Calendar .HolidayDPDateTD_Calendar div, .DatePicker_Calendar .DPEmpty_Calendar div{
cursor:pointer;  height:100%;  font-weight:normal; font-size:24px; color:#666; padding:3px 2px 2px 3px; vertical-align:middle; line-height:100px;}	
.DatePicker_Calendar .HolidayDPDateTD_Calendar div{	background-color:#fc6d72; color:#fff;}
.DatePicker_Calendar .DPEmpty_Calendar div{	 background-color:#f6faff;}	
.DatePicker_Calendarmonth{ position:absolute; top:22px; left:-100px; width:200px; z-index:1111;}
.DatePicker_Calendarmonth td{border-bottom:1px #eeeeee solid; border-right:1px #eeeeee solid; color:#666; font-weight:normal; font-size:11px; text-align:center; vertical-align:middle;  background-color:#fff; height:30px; width:30px;}
.DatePicker_Calendarmonth td:last-child{border-right:0px #eeeeee solid;}
.DatePicker td{border-bottom:1px #eeeeee solid; border-right:1px #eeeeee solid; font-weight:normal; font-size:11px; text-align:center; vertical-align:middle;  background-color:#fff; height:30px; width:30px;}
.DatePicker td:last-child{border-right:0px #eeeeee solid;}
.DatePicker .DPDateTD div, .DatePicker .DPEmpty div, .DatePicker .CurrentDPDateTD div, .DatePickerweekend{cursor:pointer; display:block; text-align:center; height:30px; line-height:30px; vertical-align:middle; }	
.DatePicker .DPEmpty div{ background-color:#f6faff; cursor:inherit; }	
.DatePicker .CurrentDPDateTD div{background-color:#cae5f9; font-weight: bold; font-size:12px;}
.DatePicker_border{ outline:1px solid #eee; }
.DatePicker_border div{cursor:pointer; display:block; text-align:center; height:30px; line-height:30px; vertical-align:middle;}	
.DatePicker_border .dateactive{background-Color:#00adef !important; font-weight:bold; color:#fff;}
.DatePicker_holiday{position: absolute; z-index: 250000;}
.DatePicker_holidayicon{font-weight:normal; font-size:10px; color:#b7d6fe; line-height:6px; padding-left:12px;}
.DatePicker_holidaylist{ margin:0px; padding:10px; background-color:#dfedff; font-weight:normal; font-size:11px; line-height:20px; color:#000; text-decoration:none;  border:3px solid #b7d6fe;  box-shadow:1px 1px 10px 1px #999; -webkit-box-shadow:1px 1px 10px 1px #999; -moz-box-shadow:1px 1px 10px 1px #999;}
.DatePicker_year{position:relative; cursor:pointer;}
.DatePicker_Calendar .CurrentDPDateTD_Calendar div{	height: 100%;	vertical-align: top;vertical-align: middle;	text-align:center;	 background-color:#ccc;	line-height:100px;font-size:24px; color:#666;	padding:3px 2px 2px 3px;}	
.DatePicker_Calendar .DPTopHeader_Calendar{	color: #fff;	font-weight:bold;	height:24px;font-size:14px; color:#666; border-bottom:1px solid #eee;}
.DatePicker .DPTopHeader, .DatePicker_Calendarmonth .DPTopHeader{	color: #000000;	font-weight:bold;	height:24px;	font-size:11px;  background-color:#f8f8f8;	}
.grd_summ{font-size:12px; color:#666; border:0px;}
.grd_summ > table { border-collapse:separate;}
.grd_summ > table > tbody > tr > th{font-weight:bold; padding:0px 5px 10px 5px; text-align:center; color:#666;  font-size:14px;}
.grd_summ > table > tbody > tr > td {font-weight:normal; padding:10px 5px; color:#fff; text-align:left; position:relative; vertical-align:middle; font-size:14px; line-height:18px;}
.grd_summ .nam{color:#fff;}
.grd_summ .pho, .grd_summ .eml {color:#fff;  font-size:12px;}
.grd_summ .cont1{background:#239fdb;}
.grd_summ .cont2{background:#e56735;}
.grd_summ .cont3{background:#66cc66;}
.grd_summ > table > tbody > tr > td:first-child {border-radius:4px 0px 0px 4px;}
.grd_summ > table > tbody > tr > td:last-child {border-radius:0px 4px 4px 0px;}
.grd_summ .rtpimg{ width:36px; height:36px; background:#eee; margin-right:5px; float:left; text-align:center; line-height:36px; font-size:16px; color:#ccc; position:relative; }
.grd_summ .rtpimg img{ width:36px; height:36px; z-index:1111; position:absolute; top:0px; left:0px;}
.grd_summ  .contemt{height:10px;}
.grd_summ .sum_cir{text-align:center;}
.grd_summ .sum_cir span{background:#fff; border-radius:36px; width:36px; height:28px; font-size:16px; color:#333; display:inline-block; text-align:center; padding-top:8px;}
.inp_hid input[type=checkbox] {	visibility: hidden;}
.chk_box {width: 54px !important;	height: 24px !important;	background: #00adef;	margin:5px 0px 0px 0px !important;    padding:0px !important;	border-radius: 50px;	position: relative;    color: #fff !important;	font-size: 11px !important;    line-height:24px !important;}
.chk_box_gry{background: #999;}
.chk_box:before {content: 'On';	position: absolute;	top: 7px; left: 6px; font-family:Arial;}
.chk_box:after {content: 'Off';	position: absolute;	top: 7px; left: 30px; font-family:Arial;}
.chk_box.boxyes:before {content: 'Yes';}
.chk_box.boxyes:after {content: 'No';}
.chk_yesno:before {content: 'Yes' !important; font-family:Arial; left: 5px;}
.chk_yesno:after {content: 'No' !important; font-family:Arial;}
.chk_box label {display: block;	width: 22px; height: 22px;	border-radius: 50%;	-webkit-transition: all .5s ease;	-moz-transition: all .5s ease;	-o-transition: all .5s ease;	-ms-transition: all .5s ease;	transition: all .5s ease;	cursor: pointer;	position: absolute;	top: 1px;	z-index: 1;	left:2px;	background: #fff;}
.chk_box input[type=checkbox]:checked + label {	left: 30px;	background: #fff;}

.chk_EnaDis{width: 70px !important; height: 24px !important;	background: #fff;	margin:5px 0px 0px 0px !important;    padding:0px !important;	border-radius: 50px;	position: relative;   	font-size: 11px !important;    line-height:24px !important;}
/*.chk_EnaDis:before {content: 'Enable'; position: absolute;	top: 7px; left: 6px; font-family:Arial;}*/
.chk_EnaDis:after {content: 'Enable'; position: absolute;	top: 7px; left: 26px; font-family:Arial;color:#1bbc9b;}
.chk_EnaDis_gry:after {content: 'Disable'; position: absolute;	top: 7px; left: 26px; font-family:Arial;color:#ccc;}
.chk_EnaDis label {display: block;	width: 22px; height: 22px;	border-radius: 50%;	-webkit-transition: all .5s ease;	-moz-transition: all .5s ease;	-o-transition: all .5s ease;	-ms-transition: all .5s ease;	transition: all .5s ease;	cursor: pointer;	position: absolute;	top: 1px;	z-index: 1;	left:2px;	background: #1bbc9b;}
.chk_EnaDis_gry label{background: #ccc;}
.chk_EnaDis input[type=checkbox]:checked + label {	left: 2px;}
.youvid{background-color: #fff;padding: 2.5%;box-shadow: 0 0 5px #333;margin: 10px 0 0;width: 95%;position:relative;}
.youvid iframe{width:100% !important;}
.youvid .fa-trash-o {position:absolute;top:5px;right:0px;}
.videotext b{color:#cc3333 !important; }
.youvid > div{position:relative;background-color:#eee;padding:4%;border-radius:6px;box-shadow:0 0 5px #ccc;margin:0 0 20px;  float: left;width: 92%;display: inline;}

.ques_ul li, .ques_survey_ul .survey_li{background-color:#eee;}
.timerxx .fitsha{left:-96px;}
.bootstrap-select > .dropdown-toggle{  float: left;display: inline;width: 100% !important;}
.bs-searchbox .form-control, .bs-searchbox >input {    width: 96% !important;    height: auto !important;}
.bootstrap-select.btn-group .dropdown-menu{z-index:99999 !important;}
.bootstrap-select .btn{padding:6px 1.5% !important;background-color:#fff;}
.bs-searchbox, .bs-actionsbox, .bs-donebutton{float:left;display:inline;width:96%;padding:5px 2% !important;}
.bootstrap-select.btn-group .dropdown-menu{width:100%;}
.btn-group .dropdown-menu > li > a{padding:3px 2%;color:#333;width:100%;}
.dropdown-menu inner{overflow-x:hidden;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{color:#fff !important;}
.modal-open {  overflow-x: hidden;  overflow-y: auto;} 
.modal img{max-width:100%;}
.no-bord {border:0 none !important;}

/* Need to add in style css line 1242*/

.com_pnl .met_bdy > div {overflow-y:auto; overflow-x:hidden;} 

/* Need to add in style css line 1027*/
.uplod_ico .uplod{ opacity:0; width:20px; height:20px; overflow:hidden;}
.uplod_ico .uplodimg, .uplod_ico .uplodimg input {width:20px; height:20px; }
.grn5 span{ background:#66cc66;color:#fff;padding:5px 25px;font-size:12px;}
.yel5 span{background:#f5a15a;color:#fff;padding:5px 25px;font-size:12px;}
.red5 span{background:#ff8877;color:#fff;padding:5px 25px;font-size:12px;}
.blu5 span{background:#00adef;color:#fff;padding:5px;font-size:12px;}
.txt_right{text-align:right}
#loader_wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999999999; background: rgba(242, 242, 242, 0.5); }
#loader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #3498db; -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ }
#loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #e74c3c; -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ }
#loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #f9c922; -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ }
#loader_text{position:absolute; width:100%; height:100%; top:50%; text-align:center; font-size:14px;}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes spin {
0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
.bord{border:1px solid #ccc;} .overall_marg{margin:5px !important}
.no-radius{border-radius:0 !important;}.lightgry{background:#ccc;color:#222;font-size:12px;margin: 5px 5px 0px 0px;line-height: 20px;padding: 4px 20px;}
.grd_inr th{background-color:#e0f1f7 !important;color:#333 !important}
 .grd_datz .dtlst table th, .grd_datz dtlst table td {background:#000 !important}

 
/* New Square Loading*/
.sk-cube-grid {
  width: 48px;
  height: 48px;
  margin: auto; z-index: 999999999999; position:relative;}
.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #333;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; box-shadow: none;
}

.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; background-color: #ff717e;}
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; background-color: #eaa83a;}
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; background-color: #74b749;}
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; background-color: #c892f0;}
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; background-color: #1fbed6;}
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; background-color: #01b6ad;}
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; background-color: #129793;}
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; background-color: #ff7260;}
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; background-color: #0191c8;}

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}

.grd_toz > table > tbody > tr > td > table { border-collapse:separate; border-spacing:0px; color:#666;}
.grd_toz > table > tbody > tr > td > table {margin-top:10px;}
.grd_toz > table > tbody > tr > td > table > tbody > tr{background:transparent !important; }
.grd_toz > table > tbody > tr > td > table td{font-weight:normal; font-size:13px;padding:1% 0px;  text-align:left; vertical-align:middle; line-height:18px !important; border-color:#eee;}
.grd_toz .nam {font-weight:bold; color:#00adef;}

.grd_per_ana{}
.grd_per_ana > table > tbody > tr > td > table { border-collapse:separate; border-spacing: 0px 10px; color:#666; }
.grd_per_ana > table > tbody > tr > td > table > tbody > tr{background:#f6f6f6;}
.grd_per_ana > table > tbody > tr > td > table td{position:relative; font-weight:normal; font-size:13px;padding:0px;  text-align:left; vertical-align:middle; line-height:18px !important; border:0px;}
.grd_per_ana > table > tbody > tr > td > table td:first-child{padding:10px 0px 10px 15px;}
.grd_per_ana > table > tbody > tr > td > table td.per_ana_bdr:before{left:0px; top:0px; position:absolute; width:3px; height:100%; content:"";}
.grd_per_ana .nam {font-weight:bold; color:#666; font-size:14px; padding-bottom:10px;}
.grd_per_ana_hed > table > tbody > tr > td > table > thead > tr > th{background:#00adef; color:#fff; font-size:14px; font-weight:bold; padding:8px; white-space:nowrap;}
.grd_per_ana_hed > table > tbody > tr > td > table > tbody > tr > td{padding:8px;}
.grd_per_ana_inr{margin-top:-10px; border:1px solid #eee; padding-top:20px; background:#fff;}
.grd_per_ana_inr:before{ position:absolute; font-size:48px; top:-27px; left:4%; content:"\f0d7"; color:#f6f6f6;}
.grd_per_ana_inr table > tbody > tr > td{padding:0px !important;}
.grd_per_ana_inr table > tbody > tr > td > table > tbody > tr{background:transparent !important; }
.grd_per_ana_inr table > tbody > tr > td > table td:first-child{padding:10px 0px 10px 15px !important; color:#666;}
.grd_per_ana_inr_hed.left_space{margin-left:10%; width:90%; padding-top:0px; position:relative;}
.grd_per_ana_inr_hed table > tbody > tr > td > table > thead > tr > th{background:#ddf6ff; font-size:13px; font-weight:bold; padding:8px;  border-bottom:1px solid #eee !important;}
.grd_per_ana_inr_hed table > tbody > tr > td > table > tbody > tr > td, .grd_per_ana_inr_hed table > tbody > tr > td > table > tbody > tr > td:first-child{padding:8px !important;}
.grd_per_ana_inr_hed:before{content:""; height:2px; width:5%; left:-5%; position:absolute; top:18px; background:#ccc;}
.grd_per_ana_inr_hed:after{content:""; width:2px; height:20px; top:-2px; position:absolute; left:-5%; background:#ccc;}
.per_ana_gol .grd_per_ana > table > tbody > tr > td > table td:first-child:before{ background:#a478ff;}
.per_ana_comp .grd_per_ana > table > tbody > tr > td > table td:first-child:before{ background:#f1ae46; }
.per_ana_pote .grd_per_ana > table > tbody > tr > td > table td:first-child:before{ background:#e56735;}
.reviewcard_self td .progress-bar{background-color:#239fdb} .reviewcard_linmgr td .progress-bar{ background-color: #e56735;} .reviewcard_peer td .progress-bar{ background-color:#ffcc00;} .reviewcard_sub td .progress-bar{ background-color: #77cc55;}

.data_col{color: #fff; position:absolute;  left:0px; top: 0px;  height:100%; min-height:66px; bottom:0px; padding-top: 12%; min-width:80px; text-align:center; font-size:18px; font-weight:bold; padding-bottom:5px;}
.data_col_blu{ background: #00adef; }
.data_col_blu:before{content:""; height:3px; top:0px; width:100%; background: #008bc1; position: absolute; left:0px;}
.data_col_gry{ background: #999;}
.data_col_gry:before{content:""; height:3px; top:0px; width:100%; background: #666; position: absolute; left:0px;}
.data_col_blu > b, .data_col_gry > b{display:block; font-weight:normal; font-size:12px;}
.bg_trans{background:transparent !important;}
.sml_img1:after{background:#eee; content:""; position:absolute; z-index:0; top:0px; bottom:0px; right:0px ; left:0px;}
.rem_thead thead{display:none;}
.sta_col{font-size:12px; color:#fff; text-align:center; padding:2px;}
.sta_col.dratz{background-color:#f5a15a;}
.sta_col.holdzz  {background-color:#ff8877}
.sta_col.pogrzz{background-color:#bf9000;}
.sta_col.prezz{background-color:#bf9000 }
.sta_col.postzz{background-color:#bf9000;}/*background-color:#ff6a00; changed color by prakash*/
.sta_col.rejzz{background-color:#e40e0e}
.sta_col.offerzz{background-color:#77cc55}
.sta_col.withzz{background-color:#22b4a6}
.sta_col.compzz {background-color:#48c9b0}

.single-chart {
 /* width: 33%;*/
  justify-content: space-around ;
}

.circular-chart {
    /*display: block;*/
    /*margin: 10px auto;*/
    max-width: 100%;
    max-height: 48px;
}

.circle-bg {
  fill: none;
  stroke: #eee;
  stroke-width: 3.8;
}

.circle {
  fill: none;
  stroke-width: 2.8;
  stroke-linecap: round;
  animation: progress 1s ease-out forwards;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}

.circular-chart.orange .circle {
  stroke: #ff9f00;
}

.circular-chart.green .circle {
  stroke: #4CC790;
}

.circular-chart.blue .circle {
  stroke: #3c9ee5;
}

.percentage {
  fill: #666;
  font-family: sans-serif;
  font-size: 0.6em;
  text-anchor: middle;
}

/*!
 * Bootstrap Colorpicker
 * http://mjolnic.github.io/colorpicker/
 *
 * Originally written by (c) 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0.txt
 *
 */
 .colorpicker-saturation {
    float: left;
    width: 100px;
    height: 100px;
    cursor: crosshair;
      /*background-image:url('<%=WebResource("BIX360.UI.saturation.png")%>');*/
    background-image: url("images/colorpicker/saturation.png");
}

    .colorpicker-saturation i {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 5px;
        height: 5px;
        margin: -4px 0 0 -4px;
        border: 1px solid #000;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        .colorpicker-saturation i b {
            display: block;
            width: 5px;
            height: 5px;
            border: 1px solid #fff;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

.colorpicker-hue, .colorpicker-alpha {
    float: left;
    width: 15px;
    height: 100px;
    margin-bottom: 4px;
    margin-left: 4px;
    cursor: row-resize;
}

    .colorpicker-hue i, .colorpicker-alpha i {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 1px;
        margin-top: -1px;
        background: #000;
        border-top: 1px solid #fff;
    }

.colorpicker-hue {
    /*background-image: url('<%=WebResource("BIX360.UI.hue.png")%>');*/
       background-image: url("images/colorpicker/hue.png");
}

.colorpicker-alpha {
    display: none;
     /*background-image:url('<%=WebResource("BIX360.UI.alpha.png")%>');*/
      background-image: url("images/colorpicker/alpha.png");
}

.colorpicker-saturation, .colorpicker-hue, .colorpicker-alpha {
    background-size: contain;
}

.colorpicker {
    top: 0;
    left: 0;
    z-index: 250000;
    min-width: 130px;
    padding: 4px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *zoom: 1;
}

    .colorpicker:before, .colorpicker:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .colorpicker:after {
        clear: both;
    }

    .colorpicker:before {
        position: absolute;
        top: -7px;
        left: 6px;
        display: inline-block;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-left: 7px solid transparent;
        border-bottom-color: rgba(0,0,0,0.2);
        content: '';
    }

    .colorpicker:after {
        position: absolute;
        top: -6px;
        left: 7px;
        display: inline-block;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent;
        content: '';
    }

    .colorpicker div {
        position: relative;
    }

    .colorpicker.colorpicker-with-alpha {
        min-width: 140px;
    }

        .colorpicker.colorpicker-with-alpha .colorpicker-alpha {
            display: block;
        }

.colorpicker-color {
    height: 10px;
    margin-top: 5px;
    clear: both;
    background-image: url("images/colorpicker/alpha.png");
    /*background-image:url('<%=WebResource("BIX360.UI.alpha.png")%>');*/
    background-position: 0 100%;
}

    .colorpicker-color div {
        height: 10px;
    }

.colorpicker-element .input-group-addon i, .colorpicker-element .add-on i {
    display: inline-block;
    width: 17px;
    height: 17px;
    vertical-align: text-top;
    cursor: pointer;
    float: left;
    border:2px solid #000;
}
.input-group-addon{position:absolute;top:0px;right:16px;display:inline; z-index:99; padding:0 !important;background:#fff;border:0 none; }

.colorpicker.colorpicker-inline {
    position: relative;
    z-index: auto;
    display: inline-block;
    float: none;
}

.colorpicker.colorpicker-horizontal {
    width: 110px;
    height: auto;
    min-width: 110px;
}

    .colorpicker.colorpicker-horizontal .colorpicker-saturation {
        margin-bottom: 4px;
    }

    .colorpicker.colorpicker-horizontal .colorpicker-color {
        width: 100px;
    }

    .colorpicker.colorpicker-horizontal .colorpicker-hue, .colorpicker.colorpicker-horizontal .colorpicker-alpha {
        float: left;
        width: 100px;
        height: 15px;
        margin-bottom: 4px;
        margin-left: 0;
        cursor: col-resize;
    }

        .colorpicker.colorpicker-horizontal .colorpicker-hue i, .colorpicker.colorpicker-horizontal .colorpicker-alpha i {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 1px;
            height: 15px;
            margin-top: 0;
            background: #fff;
            border: 0;
        }

    .colorpicker.colorpicker-horizontal .colorpicker-hue {
        background-image: url("images/colorpicker/hue-horizontal.png");
         /*background-image:url('<%=WebResource("BIX360.UI.hue-horizontal.png")%>');*/
    }

    .colorpicker.colorpicker-horizontal .colorpicker-alpha {
        background-image: url("images/colorpicker/alpha-horizontal.png");
         /*background-image:url('<%=WebResource("BIX360.UI.alpha-horizontal.png")%>');*/
                
    }

.colorpicker.colorpicker-hidden {
    display: none;
}

.colorpicker.colorpicker-visible {
    display: block;
}

.colorpicker-inline.colorpicker-visible {
    display: inline-block;
}

.colorpicker-right:before {
    right: 6px;
    left: auto;
}

.colorpicker-right:after {
    right: 7px;
    left: auto;
}
.colorpicker-2x .colorpicker-saturation {
        width: 200px;
        height: 200px;
    }

    .colorpicker-2x .colorpicker-hue,
    .colorpicker-2x .colorpicker-alpha {
        width: 30px;
        height: 200px;
    }

    .colorpicker-2x .colorpicker-color,
    .colorpicker-2x .colorpicker-color div {
        height: 30px;
    }