@charset "utf-8";
/* 
* { -webkit-box-sizing: content-box ; -moz-box-sizing: content-box ; box-sizing: content-box ;}
*:before,*:after {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
    */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before,*:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}


/* Lato */
@font-face {
    font-family: 'LatoBlackItalic';
    src: url('lato/Lato-BlackItalic-webfont.eot');
    src: url('lato/Lato-BlackItalic-webfont.eot?iefix') format('embedded-opentype'),
         url('lato/Lato-BlackItalic-webfont.woff') format('woff'),
         url('lato/Lato-BlackItalic-webfont.ttf') format('truetype'),
         url('lato/Lato-BlackItalic-webfont.svg#webfontrnJeSSUP') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoBlack';
    src: url('lato/Lato-Black-webfont.eot');
    src: url('lato/Lato-Black-webfont.eot?iefix') format('embedded-opentype'),
         url('lato/Lato-Black-webfont.woff') format('woff'),
         url('lato/Lato-Black-webfont.ttf') format('truetype'),
         url('lato/Lato-Black-webfont.svg#webfontx1AeDq9C') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoBoldItalic';
    src: url('lato/Lato-BoldItalic-webfont.eot');
    src: url('lato/Lato-BoldItalic-webfont.eot?iefix') format('embedded-opentype'),
         url('lato/Lato-BoldItalic-webfont.woff') format('woff'),
         url('lato/Lato-BoldItalic-webfont.ttf') format('truetype'),
         url('lato/Lato-BoldItalic-webfont.svg#webfontFaSudPkB') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoBold';
    src: url('lato/Lato-Bold-webfont.eot');
    src: url('lato/Lato-Bold-webfont.eot?iefix') format('embedded-opentype'),
         url('lato/Lato-Bold-webfont.woff') format('woff'),
         url('lato/Lato-Bold-webfont.ttf') format('truetype'),
         url('lato/Lato-Bold-webfont.svg#webfontWChoG53K') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoItalic';
    src: url('lato/Lato-Italic-webfont.eot');
    src: url('lato/Lato-Italic-webfont.eot?iefix') format('embedded-opentype'),
         url('lato/Lato-Italic-webfont.woff') format('woff'),
         url('lato/Lato-Italic-webfont.ttf') format('truetype'),
         url('lato/Lato-Italic-webfont.svg#webfontK66ymxTv') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoRegular';
    src: url('lato/Lato-Regular-webfont.eot');
    src: url('lato/Lato-Regular-webfont.eot?iefix') format('embedded-opentype'),
         url('lato/Lato-Regular-webfont.woff') format('woff'),
         url('lato/Lato-Regular-webfont.ttf') format('truetype'),
         url('lato/Lato-Regular-webfont.svg#webfontwlOsaZaJ') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoLightItalic';
    src: url('lato/Lato-LightItalic-webfont.eot');
    src: url('lato/Lato-LightItalic-webfont.eot?iefix') format('embedded-opentype'),
         url('lato/Lato-LightItalic-webfont.woff') format('woff'),
         url('lato/Lato-LightItalic-webfont.ttf') format('truetype'),
         url('lato/Lato-LightItalic-webfont.svg#webfont9EREcdyY') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoLight';
    src: url('lato/Lato-Light-webfont.eot');
    src: url('lato/Lato-Light-webfont.eot?iefix') format('embedded-opentype'),
         url('lato/Lato-Light-webfont.woff') format('woff'),
         url('lato/Lato-Light-webfont.ttf') format('truetype'),
         url('lato/Lato-Light-webfont.svg#webfontbUmjvwph') format('svg');
    font-weight: normal;
    font-style: normal;

}

 @font-face {
    font-family: 'LatoHairlineItalic';
    src: url('lato/Lato-HairlineItalic-webfont.eot');
    src: url('lato/Lato-HairlineItalic-webfont.eot?iefix') format('embedded-opentype'),
         url('lato/Lato-HairlineItalic-webfont.woff') format('woff'),
         url('lato/Lato-HairlineItalic-webfont.ttf') format('truetype'),
         url('lato/Lato-HairlineItalic-webfont.svg#webfontggOmHsEi') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoHairline';
    src: url('lato/Lato-Hairline-webfont.eot');
    src: url('lato/Lato-Hairline-webfont.eot?iefix') format('embedded-opentype'),
         url('lato/Lato-Hairline-webfont.woff') format('woff'),
         url('lato/Lato-Hairline-webfont.ttf') format('truetype'),
         url('lato/Lato-Hairline-webfont.svg#webfontNPUciU5G') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height: 1;}ol, ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse; border-spacing:0;}
html, body{ height:100%; font-size: 100%;   -webkit-text-size-adjust: 100%; width:100%; -ms-text-size-adjust: 100%; background-color:#fff; margin:0px; padding:0px;}
/*Main Style*/
body {font-size: 1.05em; line-height: 1.25em; font-family:"LatoRegular"; color: #333; }/*font-family:"LatoRegular", "LatoHairline", "LatoLight", "LatoItalic", "LatoBold";*/

a { text-decoration: none; }

 .display_none {
    display: none;
}
 

ul, li{ list-style-type:none;}
 ::-ms-clear {
      display: none;
  }
 /* media deivce*/
 @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
.tile_wiz > div > div i { font-size:40px; }
}

.dataTables_scroll { left: 20% !important;}

[contentEditable=true]:empty:not(:focus):before{
    content:attr(data-text); font-family:"LatoRegular"; 
}
/*table style*/
.divTable {display: table; width:100%; background-color:#eee; border:1px solid #ccc; border-spacing:5px; }
.divRow {display:table-row; width:auto;}
.divCell {float:left; display:table-column; width:25%; background-color:#ccc; }


button, select{ font-family: 'LatoLight';}
/*login page*/
.cus{cursor:pointer;}
.cus_no{cursor:default !important;}
.cus_onoff{cursor:not-allowed !important;}
.fitsha{-webkit-box-shadow:0 3px 6px rgba(0,0,0,.25);box-shadow:0 3px 6px rgba(0,0,0,.25);z-index:99999;}

.log_pn{ padding:4% 10%; z-index:2222; position:absolute; width:100%; top:85px; }
.log_pn2{ padding:4% 5%; z-index:3333; position:absolute; width:100%; top:104px; }
.log_er {font-size:12px; color:#fff; text-align:center; position:absolute; z-index:3333; width:100%; line-height:36px; top:-24px; left:0px; background:#f15151; }
#msg.log_er {left: 0px !important;}
.log_txt {font-size:24px; color:#333; padding:0px 0px 20px 0px; text-align:left; }
.log_txtbx {position:relative;float:left;display:inline;width:100%; background-color: #fff; margin: 0 0 15px; }
.log_txtbx .inp{ padding:0 0 0 35px; width: 90%;}
.log_txtbx .inp input{background-color:#fff !important;border:0 none;border-radius:0;padding:10px 0 15px !important;width:100%;}
/*.log_txtbx .inp input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset;}*/
.log_pn i, .log_pn2 i {position:absolute; left:12px; color:#999; top:14px;} 
.log_pn .gen_lnk1{color:#333; line-height:48px;}
.log_pn .btn_gen, .log_pn2 .btn_gen{margin-left:0px; margin-right:0px;}
.tz_log {width:100%; padding:10px 0px; position:relative; text-align:center; height:85px;}
.log_ar { color:#F2F2F2; position:absolute; right:-1px; font-size:30px; }
.tz_log .img_ico { }
.tz_log .img_ico > div { width:110px; height:110px; margin-top:10px; margin-right:15px; }
.tz_log .img_ico img{ vertical-align:middle; min-height:100px; min-width:100px; display:inline-block; }
.log_msk{background:#fff; border-radius:5px; z-index:1111; filter: alpha(opacity=70); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.7; position:absolute; width:100%; height:100%;}

/*Login_theme*/
.C0_theme.log_bd { background:url(login_bg/C0_bg.jpg) 0 center #fafafa no-repeat; overflow:hidden; height:100%; width:100%; position:absolute;}
.C0_theme .floater{height:40%; margin-bottom:-14%; width:1px;}
.C0_theme .log_in{height:350px; width:100%; max-width:30%; min-width:320px; margin:0px auto; position:relative;}
.C0_theme .log_msk{background:#fff; border-radius:5px; z-index:1111; filter: alpha(opacity=70); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.7; position:absolute; width:100%; height:100%;}
.C0_theme .logo {background:url(logo.png) center no-repeat; width:100%; height:85px; position:absolute; text-align:center; z-index:2222;}

.C87_theme.log_bd { background-color: #fafafa;   background-image: url("login_bg/C87_bg.jpg");    background-repeat: no-repeat;    background-size: cover;    background-attachment: fixed;    background-position: left top;   overflow:hidden; height:100%; width:100%; position:absolute;}
.C87_theme .floater{height:15%; margin-bottom:-6%; width:1px;}
.C87_theme .log_in{height:350px; width:100%; max-width:30%; min-width:320px; margin:0px 0px 0px auto; position:relative;}
.C87_theme .log_msk{background:transparent !important; border-radius:5px; z-index:1111; filter: alpha(opacity=70); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.7; position:absolute; width:100%; height:100%;}
.C87_theme .log_txt, .C87_theme .gen_lnk1{color:#fff;}
.C87_theme .log_txtbx{ background:transparent; border-bottom:1px solid #fff;}
.C87_theme .log_txtbx .inp{ background:transparent;}
.C87_theme .log_txtbx .inp .black, .C87_theme input:-internal-autofill-selected{color:#fff !important;}
.C87_theme .log_pn i, .C87_theme .log_pn2 i {color:#fff;}
.C87_theme .log_txtbx .inp input { background:transparent !important; color:#fff !important;}
.C87_theme .log_txtbx input {   color:#fff !important; -webkit-text-fill-color: #fff;}
.C87_theme .logo {background:url(logo_bdr.png) center no-repeat; width:100%; height:85px; position:absolute; text-align:center; z-index:2222;}
.C87_theme  #div_frgt_pwd{float:none !important; width:100%; margin-bottom:10px;}
.C87_theme  #div_frgt_pwd:hover{color: #cb262b;}
.C87_theme  #div_frgt_pwd:before{content: "\f1db";  padding: 0 16px 0 8px;}
.C87_theme #sub{float:none !important;}
.C87_theme #btn_submit{width:100%;}
.C87_theme #sub .btn_gen, .C87_theme #btnSubmit.btn_gen{background: #cb262b;}

.C198_theme.log_bd {
    background-color: #fafafa;
    background-image: url("login_bg/C198_bg.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: left top;
    background-size:cover;
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: absolute;
}

.C198_theme .floater {
    height: 50%;
    margin-bottom: -14%;
    width: 1px;
}

.C198_theme .log_in {
    height: 350px;
    width: 100%;
    max-width: 30%;
    min-width: 320px;
    margin: 0px 50px 0px auto;
    position: relative;
}

.C198_theme .log_msk {
    background: #fff !important;
    border-radius: 5px;
    z-index: 1111;
    filter: alpha(opacity=70);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.7;
    position: absolute;
    width: 100%;
    height: 100%;
}

.C198_theme .log_txt, .C198_theme .gen_lnk1 {
    color: #000;
}

.C198_theme .logo {
    background: url(logo_bdr.png) center no-repeat;
    width: 100%;
    height: 85px;
    position: absolute;
    text-align: center;
    z-index: 2222;
}

.bus_log_row{position:fixed; height:36px; background:#00adef; top:41px; width:100%; z-index:9999; padding-right:10px;}
.bus_cmp_logo{padding:0px; background:#fff; margin:4px 0px 0px 0px;}
.bus_cmp_logo img{margin-bottom:-4px;}
.bus_cmp_btn{font-size:13px; font-weight:bold; padding:6px 10px 4px 10px; margin:5px 4px 0px 4px; color:#fff; cursor:pointer;}
.bus_cmp_btn.bus_act{background:#f8f8f8; color:#333;}
.bus_cmp_btn > div > i{padding-right:4px;}

/*main page*/
/*.tpbdr{top:-7px;left:0; width:100%; background-color:#00adef; height:2px; -webkit-box-shadow:0 8px 8px rgba(0,0,0,.5);box-shadow:0 8px 8px rgba(0,0,0,.5); position:absolute; z-index:9999;}*/
.tphed{top:0;right:0;left:0; position:fixed; z-index:99999; background-color:#fff; color:#00adef; border-bottom:1px solid #eee;}
.tphed .log{margin: 0px 10px 0px 0px; width: 240px  ; overflow:hidden; background:#fff; padding:0px; height: 40px; color:#fff; display: block; font-weight:normal; font-size:20px; }
.tphed .log b{font-weight:normal; font-size:10px; color:#fff; text-transform:uppercase; line-height:20px;}
.tphed .log img{ padding-left:55px; margin-top:-2px;}
.tphed .log span { display: none;}
.tphed .log i{position:absolute; left:50px; top:0px; z-index:1; color:#fff;} 
.tphed .faq { padding:8px 5px 5px 5px; margin:8px; color:#fff; font-size:12px; position:absolute; right:280px; top:0px; }
.tphed .helpdesk { padding:8px 5px 5px 5px; margin:8px; color:#fff; font-size:12px; position:absolute; right:200px; top:0px; }
.tphed .helpdesk a, .tphed .faq a{color:#302F3F; font-weight:normal;}
.tphed a{color:#00adef; font-weight:normal; text-decoration:none; cursor:pointer;}
.tphed .logot{padding:0px 5px; margin:2px 0px; color:#302F3F; font-size:11px; position:absolute; right:10px; top:0px; width:185px; }
.tphed .logot .buttoncmb{background-color:transparent; border:0px; width:inherit !important; min-width:inherit !important; }
.tphed .logot .butimg{ float:right; margin-right:5px; width:36px; height:36px; background:#eee; position:relative; font-size:24px; text-align:center; line-height:36px; border-radius:18px;}
.tphed .logot .butimg img{width:36px; height:36px; z-index:1; position:absolute; top:0px; left:0px; border-radius:18px;}
.tphed .logot .buttoncmb .buttontxt{ display:inherit !important; color:#00adef; width:170px; min-width:60px; font-weight:bold; text-align:right; }
.tphed .logot .buttoncmb .buttxt{height:24px; max-width:70%; min-width:10%; float:right; padding-top:10px; vertical-align:middle; overflow: hidden; text-align:right; cursor:pointer; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis;}
.tphed .logot .buttoncmb .buttxt i{ font-size:11px; padding-left:5px;}
.tphed .logot .buttoncmb .buttonarw{border:0px; width:0px !important; min-width:0px !important; vertical-align:middle; color:#fff;}

.tphed .logot .buttoncmb .buttonlist{border:0px !important; top:38px; right:-2px; z-index:6666; }
/*.tphed .logot .buttoncmb .buttonlist ul:before{ content:"\f0d8"; top:-25px; color:#fff; position:absolute; font-size:36px; right:55px;}*/
.tphed .logot .buttoncmb .buttonlist ul{width:178px !important; border:0px !important;}
.tphed .logot .buttoncmb .buttonlist ul li{ text-align:left !important; background:#fff; color:#00adef; padding:6px 10px !important; border-bottom:1px dotted #ccc;}
.tphed .logot .buttoncmb .buttonlist ul li:hover { background:#00adef; color:#fff;}
.tphed .logot .buttoncmb .buttonlist ul li:last-child{border:0px;}
.tphed .logot li[key='item1']:before{content:"\f007"; padding-right:10px; font-size:14px;}
.tphed .logot li[key='item2']:before{content:"\f0ad"; padding-right:10px; font-size:14px;}
.tphed .logot li[key='item3']:before{content:"\f084"; padding-right:10px; font-size:14px;}
.tphed .logot li[key='item4']:before{content:"\f13e"; padding-right:10px; font-size:14px;}
/*.dropdown-menu.open{max-height:248px !important; min-height:116px !important;}
.dropdown-menu.inner{max-height:200px !important; min-height:80px !important;}*/
.modby .dropdown-menu.open{top: 100% !important; left: 0 !important ;}
.modby.modby_height{height:250px !important;}
.d3-dropdownclose {
    position: absolute;
    right: 5px;
    top: 5px;
}
.d3-context-menu{position:absolute; background:#fff; padding:5px; font-size:14px; border: 1px solid #ccc;    font-family: 'LatoRegular';    margin-top: 10px;}
.d3-context-menu li:first-child{position:absolute; right:5px; top:5px; color:#ff0000; margin-top:-5px; cursor:pointer;}
.d3-context-menu li:nth-child(2){padding-top:15px;}
.d3-context-menu li{border-bottom:1px solid #eee; padding-bottom:5px; padding-top:5px; cursor:pointer;}
.d3-context-menu li:last-child{border:0px;}
        .notfy {
            border: 0px !important;
            top: 30px;
            right: -4px;
            z-index: 10;
            width: 288px;
            position: absolute;
            text-align: left;
            background: #fff;
        }
.notfy .notfy_hed{ font-size:18px; padding:8px 10px; text-align:left; color:#333; border-bottom:1px solid #eee;}
.notfy .lnkfot{ font-size:12px; text-align:center; background:#f8f8f8; padding:10px 0px;}
.notfy .lnkfot a{color:#333;}
.notfy .divempty10{height:0px;}
.notfy .grd_cr{padding:0px; color:#00adef; }
.notfy .grd_cr > div { border-bottom:1px dotted #ccc; padding:6px 10px; }
.notfy .grd_cr > div:last-child { border-bottom:0px; }
.notfy .grd_cr > div:hover{ background:#00adef; color:#fff;}
@media all and (-ms-high-contrast:none){
    .dropdown-menu.inner > li:last-child {padding-bottom:15px;}
}

.top_lnk{ position:absolute; right:190px; top:10px;}
.top_lnk i{padding:0px 10px; position:relative; z-index:2;}
.top_lnk i b, .num_cnttxt{ background:#f28226; color:#fff; border-radius:10px; width:16px; height:9px; text-align:center; font-size:10px; padding:4px 0px; position:absolute; top:-10px; right:2px;}
/*.top_lnk .fa-headphones::after{ content:"\f007"; position:absolute; font-size:12px; right:12px; top:10px;}
.top_lnk .fa-headphones::before{font-size:20px;}*/
.hig { position:absolute; background:#fff; width:34px; height:46px; top:-14px; left:4px; z-index:1;}
.hig_i{color:#00adef;}
.stg_lst{ font-size:14px; border:1px solid #00adef; padding:15px; margin-bottom:5px;}
.stg_lst .hed{ font-size:16px; padding-bottom:5px; font-weight:bold; border-bottom:1px dotted #ccc; margin-bottom:10px;}
.stg_lst .stg_col{ text-align:center; }
.stg_lst .stg_col > div{ display:inline-block; padding:10px; cursor:pointer; border-right:1px solid #ccc; background:#eee; }
.stg_lst .stg_col > div:first-child{ border-radius:5px 0px 0px 5px;}
.stg_lst .stg_col > div:nth-last-child(2){ border-radius:0px 5px 5px 0px; border-right:0px;}
.stg_lst .stg_col > div:hover{background:#00adef; color:#fff;}
.stg_lst .stg_col .active{background:#00adef; color:#fff;}

.rol_lst { margin:20px 0px;}
.rol_lst > div:first-child{ width:25%; float:left; height:100%; position:relative;}
.rol_lst > div:nth-child(2){width:71%; padding:0px 2%; float:left; height:100%; background:#eee;}

.rol_lnk > div { padding:5px; color:#00adef; font-size:14px; position:relative; cursor:pointer; }
.rol_lnk .rol_txt{overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; width:85%;}
.rol_lnk > div:hover, .rol_act{background:#eee; color:#333 !important;}
.rol_lnk .rme{ position:absolute; right:8px; top:8px; color:#333; }
.rol_lnk .rme:hover{ color:#ff0000; display:block;}
.rme_lnk .rme{width:30px; height:30px; position:absolute; display:none; top:0px; left:0px;}
.rme_lnk:hover .rme{ color:#ff0000; display:block;}
.rme_lnk:hover .rme:before{background:#ccc; opacity:0.5; z-index: 2222; top:0px; left:0px; width:30px; height:30px; content:""; position:absolute;}
.rme_lnk:hover .rme:after{content:"\f05c"; font-family:FontAwesome; z-index:3333; position:absolute; left:0px; width:30px; text-align:center; line-height:30px;}

.pa_lst{ margin:20px 0px; position:relative; top:0px;}
.pa_lst > div:first-child{ width:10%; float:left; height:100%;}
.pa_lst > div:nth-child(2){width:100%; float:left; height:100%;}
.pa_lnk {padding:10px 0px; position:fixed; top:500px; }
.pa_lnk > nav { padding-bottom:10px; color:#00adef; font-size:18px; font-weight:bold; }
.pa_lnk > nav i{font-size:30px; position:relative; top:4px; width:30px; margin-left:2px;}
.pa_lnk > nav a{color:#333;}
.pa_lnk > nav a i b{ font-family:"LatoRegular"; position:absolute; font-size:18px; color:#fff; top:5px; right:12px;}
.pa_lnk > nav .lnk_act{color:#00adef;}

.pmmenu { }
        .content { }

        /* navigation */
        .pa_lnk nav { }

.pa_lnk nav.stick { }

            .pa_lnk nav ul { list-style-type: none; }

            .pa_lnk nav li { list-style-type: none; }

.pa_lnk a.nav-active { color: #00adef;}
.pa_lnk a.nav-normal { color: #333;}

.pa_bdy{ padding-left:5%; }
.pa_hed{border-bottom:1px solid #ccc; font-size:16px; font-weight:bold; padding:5px 0px;}
.pa_gol{ /*border-left:3px solid #a478ff; padding-left:15px;*/}
.pa_gol .pgtit, .pg_gol{ color:#a478ff;}
.pa_gol .pgtit span{ background:#a478ff;}
.pa_gol .pa_hed{ border-color:#a478ff;}

.pa_comp{ /*border-left:3px solid #f1ae46; padding-left:15px;*/}
.pa_comp .pgtit, .pg_comp{ color:#f1ae46;}
.pa_comp .pgtit span{ background:#f1ae46;}
.pa_comp .pa_hed{ border-color:#f1ae46;}

.comp_kyc0{ border-left:3px solid #f27b53; padding-left:15px;}
.comp_kyc0 .pgtit, .pg_comp{ color:#f27b53;}
.comp_kyc0 .pgtit span{ background:#f27b53;}
.comp_kyc0 .pa_hed{ border-color:#f27b53;}

.comp_kyc1{ border-left:3px solid #de577b; padding-left:15px;}
.comp_kyc1 .pgtit, .pg_comp{ color:#de577b;}
.comp_kyc1 .pgtit span{ background:#de577b;}
.comp_kyc1 .pa_hed{ border-color:#de577b;}

.comp_kyc2{ border-left:3px solid #ffb400; padding-left:15px;}
.comp_kyc2 .pgtit, .pg_comp{ color:#ffb400;}
.comp_kyc2 .pgtit span{ background:#ffb400;}
.pa_comp .pa_hed{ border-color:#ffb400;}

.comp_kyc3{ border-left:3px solid #74b749; padding-left:15px;}
.comp_kyc3 .pgtit, .pg_comp{ color:#74b749;}
.comp_kyc3 .pgtit span{ background:#74b749;}
.comp_kyc3 .pa_hed{ border-color:#74b749;}

.pa_pote{ /*border-left:3px solid #e56735; padding-left:15px;*/}
.pa_pote .pgtit{ color:#e56735;}
.pa_pote .pgtit span{ background:#e56735;}
.pa_pote .pa_hed{ border-color:#e56735;}

.pa_meet{ border-left:3px solid #41a52b; padding-left:15px;}
.pa_meet .pgtit{ color:#41a52b;}
.pa_meet .pgtit span{ background:#41a52b;}
.pa_meet .pa_hed{ border-color:#41a52b;}

.pa_care{ /*border-left:3px solid #2ec1cc; padding-left:15px;*/}
.pa_care .pgtit{ color:#2ec1cc;}
.pa_care .pgtit span{ background:#2ec1cc;}
.pa_care .pa_hed{ border-color:#2ec1cc;}

.pa_indi{ border-left:3px solid #449dd5; padding-left:15px;}
.pa_indi .pgtit, .pg_indi{ color:#449dd5;}
.pa_indi .pgtit span{ background:#449dd5;}
.pa_indi .pa_hed{ border-color:#449dd5;}

.pa_calc{ border-left:3px solid #4d008c; padding-left:15px;}
.pa_calc .pgtit{ color:#4d008c;}
.pa_calc .pgtit span{ background:#4d008c;}
.pa_calc .pa_hed{ border-color:#4d008c;}

.pa_calc{ border-left:3px solid #4d008c; padding-left:15px;}
.pa_calc .pgtit{ color:#4d008c;}
.pa_calc .pgtit span{ background:#4d008c;}
.pa_calc .pa_hed{ border-color:#4d008c;}

.pa_ovr{ border-left:3px solid #bf9000; padding-left:15px;}
.pa_ovr .pgtit{ color:#bf9000;}
.pa_ovr .pgtit span{ background:#bf9000;}
.pa_ovr .pa_hed{ border-color:#bf9000;}

.pa_recd{ border-left:3px solid #77cc55; padding-left:15px;}
.pa_recd .pgtit{ color:#77cc55;}
.pa_recd .pgtit span{ background:#77cc55;}
.pa_recd .pa_hed{ border-color:#77cc55;}

.pa_appr{ border-left:3px solid #1fbed6; padding-left:15px;}
.pa_appr .pgtit{ color:#1fbed6;}
.pa_appr .pgtit span{ background:#1fbed6;}
.pa_appr .pa_hed{ border-color:#1fbed6;}

.pa_calc_mdl {}
.pa_calc_mdl > div { background:#eee; padding:15px; font-size:14px; margin-bottom:15px; border-radius:4px;}
.pa_calc_rst{background:#e3f3c6 !important;}
.pa_calc_mdl > div > div:first-child, .emtmdl{ width:20%; float:left; font-weight:bold;}
.pa_calc_mdl .emtmdl{color:#eee;}
.pa_calc_mdl .pa_padd{ padding-top:16px;}
.pa_calc_mdl > div > div:nth-child(2){ float:left;}
.pa_calc_mdl > div > div:nth-child(3){ float:left;}
.pa_calc_mdl > div > div:nth-child(4){ float:left;}
.pa_calc_mdl > div > div:nth-child(5){ float:left;}
.pa_calc_mdl > div > div:nth-child(6){ float:left; margin-top:20px;}
.pa_calc_mdl > div > div:nth-child(7){ float:left; padding-top:32px;}
.pa_calc_mdl > div > div:nth-child(8){ float:left;}
.pa_calc_mdl > div > div:nth-child(9){ float:left;}
.pa_calc_mdl > div > div:nth-child(10){ float:left; margin-top:20px;}

.pa_calc_mdl hr{ border-top:1px dashed #999; background:transparent; border-style: inset; padding:0px; margin:0px;}
.pa_calc_mdl h1{clear:both;}

.pa_bdy .pg_ret, .pg_indi, .pg_gol, .pg_comp{ border-bottom:2px solid #ddd; height:36px;}
.pa_bdy .pg_bdr{ border-top:1px dashed #ddd; padding-bottom:10px; margin-top:10px;}
.pa_bdy .pg_noret{ border-bottom:0px;}
.pa_bdy .pgtit, .pg_indi, .pg_gol, .pg_comp{ padding:0px; margin:0px; text-transform:uppercase; font-weight:bold; }
.pa_bdy .pgtit span{ border-radius:4px 4px 0px 0px; padding:7px 10px; text-transform:capitalize; font-size:16px;}
.pa_bdy .pgtit b{ font-weight:normal; font-size:18px; color:#fff;}
.prf_gen_txt, .prf_gen_idptxt{color:#777; padding-bottom:2px; font-size: 13px;}
.prf_gen_txt b, .prf_gen_idptit{color:#000; padding-right:5px;}
.prf_gen_idptit{font-weight:bold; font-size:13px; padding-bottom:2px;}
.prf_gen_idptxt{font-size:13px; padding-right: 5px;}
.prf_gen_idptxt_i{font-size:13px; padding-right: 5px; color:#000; font-style:italic;}
.prf_gen_idptxt.mgr_bdr{padding-left:5px; border-left: 2px solid #f5c2ae;}
.prf_gen_idptxt.emp_bdr{padding-left:5px; border-left: 2px solid #a7d9f1;}
.prf_gen_idpnam{font-size:13px !important;}
.prf_gen_ovrtxt{font-size:13px; padding-right: 5px; color:#000;}
.prf_gen_ovrsub{font-size:11px; padding-right: 5px; color:#777; font-weight:bold;}
.grd_mag0_table table{margin-bottom: 0px !important;}
.prf_ovr_feed_new{line-height:16px;}
.prf_grd_new_th{color:#000; }
.prf_ovr_feed_new .genimg{width:36px; height:36px; line-height:36px; border-radius:50%;}
.prf_ovr_feed_new .genimg img{width:36px; height:36px; border-radius:50%;}
.pgby{ position:relative;}
.pghed{font-size:24px; padding:15px 0; width:100%;text-align:left; position:relative; border-bottom: 1px dashed #ccc; margin-bottom:10px;white-space: nowrap;overflow: hidden;
 text-overflow: ellipsis;}
.pgnolin{ border-bottom: 0px !important; margin-bottom:0px !important;}
.pglin{ border-bottom: 1px dashed #ccc; margin-bottom:10px;}
.pghed i {font-size: 12px; padding:0px 5px; color:#999; position:absolute; top:0px; cursor:default;}
.pgfix{ position:fixed; width:90%; top:115px; height:70px; background:#fff; z-index:4444; /*padding-top:8px;*/}
.lsttop_cls .pgfix{top:38px}
.lsttop_cls .pg_ret > .higherzindex{top:43px}
.lsttop_cls.rgtpn_cls .pgfix, .rgtpn_cls.lsttop_opn .pgfix{width:96%;}
.pg_inhed{font-size:24px; padding-bottom:20px; margin-left:-10px; margin-top:-10px; text-align:left; font-weight:bold; position:relative;}
.pgbftit{ padding:10px 10px 10px 0px; font-size:20px; font-weight:bold; color:#00adef;}
.pgtit{ padding:10px 0px 2px 0px; font-size:16px; font-weight:bold; margin-bottom:10px;}
.pgtit a{color:#00adef; font-weight:normal; text-align:right; padding-left:10px; float:right; font-size:12px; cursor:pointer;}
.pgtit span{font-weight:bold; text-align:right; padding:3px 10px; float:right; font-size:14px; background-color:#666; color:#fff;}
.pgtit b{ font-weight:normal; font-size:11px; color:#666;}
.pgcont{font-size:14px; padding:10px 0px;}
.pgcont a{color:#00adef; font-weight:normal; padding-left:10px; cursor:pointer;}
.pg_ret{ position:relative;}
.pg_abs{ position:absolute; width:100%; top:10px;}
.pg_tabs{ position:absolute !important; top:5px;}
.pg_rabs{ position:absolute; right:20px; z-index:666; top:0px;}
.pg_babs{ position:absolute; right:10px; bottom:5px;}
.pg_b0abs{ position:absolute; left:0px; bottom:0px;}
.right0{right:0px;}
.left0{left:0px;}
.bottom0{bottom:0px;}
.top0{top:0px;}
.pg_ret > .higherzindex{position:fixed; top:120px; z-index:5552 !important;}
.bud_lst{background:#f8f8f8; padding:10px;}
.bud_lst > div{ float:left; width:18%; margin-right:2.5%; font-size:14px; font-weight:bold; min-height:120px; color:#fff; border-radius:4px; text-align:center;}
.bud_lst > div > div:first-child{min-height:50px; position:relative;}
.bud_lst > div > div:first-child > span{position:absolute; bottom:0px; left:0px; text-align:center; width:100%;}
.bud_lst > div:first-child{ background:#3c7681;}
.bud_lst > div:nth-child(2){ background:#0197a8;}
.bud_lst > div:nth-child(3){ background:#1cae9b;}
.bud_lst > div:nth-child(4){ background:#2c5e91;}
.bud_lst > div:nth-child(5){ background:#3cb1d7;}
.bud_lst .emt_mgr{margin-right:0%;}
.bud_lst .dot_lin{padding-bottom:5px; margin:5px 5px 0px 5px; border-top:2px solid #fff;}

.bud_scr{font-size:14px;}
.bud_scr > div{width:48%; float:left; margin-right:4%;}
.bud_scr > div:nth-child(2){ margin-right:0%;}

.bud_grd {max-height:450px; height:100%; overflow-x:hidden; overflow-y:auto;}
.bud_grd th, .bud_grd .src_hed{padding:0px !important;}
.bud_grd tr tr:hover{background-color:#00adef !important; color:#fff !important;}
.bud_grd td td{padding-right:5px !important;}
.bud_grd tr tr:hover .nam{color:#fff !important;}
/* model page*/
.bdypg{margin:-15px; background:#f8f8f8; padding:10px; height:100%;}
.pg_rew{ background:#fff; padding:10px;}
.pg_rew > div{float:left;}
.pg_txt { font-size:12px; font-weight:bold; line-height:42px;}
.pg_lnk { font-size:12px; font-weight:normal; line-height:42px; color:#00adef; text-align:right; cursor:pointer;}
.pg_rew > div:first-child{width:20%;}
.pg_rew > div:nth-child(2){width:55%;}
.pg_rew > div:nth-child(3){width:25%;}
.mod_tie .divempty10, .pg_tie .divempty{height:0px;}
.mod_tie .tie_rpt > div{ padding:0px;}
.mod_tie .tie_rpt .rtpimg, .mod_tie .tie_rpt .rtpimg img{ height:42px; width:42px; line-height:42px;}
.mod_tie .tie_rpt .nam {font-weight:bold; color:#159bdd; font-size:13px;}
.mod_lst .tie_rptmgr > div{background:#eee !important;}
.mod_lst .tie_rptmgr > div .rtpimg{background:#f8f8f8 !important;}
/* log out*/
.profilepht{width:300px; right:20px; position:absolute; top:45px;}
.profilearw {color:#fff; position:absolute; top:-15px; right:50px; font-size:36px;}
.profilelist{ padding:10px; font-size:12px; border-bottom:1px solid #ccc; margin:0px; background-color:#fff; text-align:left;}
.profilephoto{ float:left; width:80px; height:80px; position:relative; display:block; background-color:#eee; margin-right:10px;}
.profilephoto i{ z-index:1; font-size:36px; line-height:80px; text-align:center; width:80px; color:#ccc;}
.profilephoto img{ padding:1px; z-index:1111; position:absolute; top:0px; width:78px; height:78px;}
.profilelist h1{font-size:14px; color:#333; font-weight:bold; margin:0px; padding:0px;}
.profilelist h2{font-size:11px; color:#999; font-weight:normal; margin:0px; padding:0px;}
.profilelist h3{ height:10px;}
.profilelist h4{margin:0px; padding:0px; font-size:12px; color:#fff; font-weight:bold; margin:0px; padding:0px;}
.profilelist h4 a{ background-color:#00adef; color:#fff; padding:5px; font-weight:bold; font-size:12px; border-radius: 5px; border:1px solid #4da8c3;}
.profilelist input[value='View Profile']{width:90px;}
.profilelink{ padding:10px 5px 5px 10px; font-size:12px; margin:0px; background-color:#eee;} 
.profilelink input[value='Change Password']{background-color:#bbb !important; border:1px solid #999; width:120px;}
.profilelink input[value='Logout']{width:60px; float:right;}
.lftpn{ float:left; position:relative; margin:0px; text-align:left; z-index:9998; padding:0px; vertical-align:top; color:#595f69; /* margin:35px 0 0 0 !important; background-color:#fff; -webkit-box-shadow:0 3px 6px rgba(0,0,0,.30);box-shadow:0 3px 6px rgba(0,0,0,.30);*/}
.lftpn_in{ height: 100%; margin:0px; display:inline; position:relative;padding:0;width:80px;float:left;}/*background:#555;*/
#divtop_hide{position: fixed; cursor:pointer;  font-size:16px; color: #fff;  z-index: 66666;  right: 15px;    top: 77px;  padding:0px 10px;  line-height:20px;  background: #00adef;}
#divMenu_hide{position:fixed; top:76px; left:80px; padding:8px 0px 0px 4px;     width: 24px;    height: 36px;  cursor:pointer; z-index:6666; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
.lftpn_in input, .lftpn_in .inp {width:90%; display:none;}
.rgtpn{ text-align:left; padding:0px 0px 0px 0px;z-index:9; margin:35px 0px 0px 0px; vertical-align:top;float:left;display:inline;width:93%;background:#fff; }/*overflow-x:hidden; overflow-y:auto; hide for section1*/
.rgtpn_in{ padding:0px 2% 40px 10px;float:left;display:inline;width:100%;}
.rgtpn_col{ background:#f3f3f3 !important;}
.emp_nam{overflow: hidden; white-space: nowrap; font-weight:bold; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; color:#00adef;}
.nam {overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; width:60%;}
.pho{color:#333;}
.eml{width:70% !important; color:#999; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis;}
.dec_txt { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; width:80%;}
.txt_wid{ width:60%;}
.phn:before{ content:"\f098"; padding-right:5px;}
.mai:before{content:"\f0e0"; padding-right:5px; }
.flyout{position:absolute; top:-36px; padding:5px; text-align:center; background:#fff;  left: 0px;    white-space: nowrap; }
.flyout > i{bottom:-9px; content:"\f0d7"; position:absolute;    left:10px;}
.svg_ico{fill: #74b749; cursor:pointer;}
.svg_pht{cursor: -webkit-grab; cursor: -moz-grab;}
.svg_phtclk{cursor: -webkit-grabbing; cursor: -moz-grabbing;}
.svg_bgimg{fill: #ffffff; width:90px; height:90px;}
.svg_bgico{fill: #cccccc; width:36px; height:36px; font-size:36px !important;}


.trk_pnl{ position:relative;}
.trk_pnl .tie_col{width:97.6% !important;}
.trk_pnl .wiz_btn{width:100% !important;}
.trk_scr{ position:absolute; top:0px; right:0px; width:26%; border:1px dotted #159bdd;}
.trk_scr .trk_hed{font-size:14px; font-weight:bold; color:#fff; background:#159bdd; padding:5px;}
.trk_scr .trk_bdy{max-height: 300px; overflow-y:auto; overflow-x:hidden; min-height: 80px;}
.trk_scr .grd th{padding:0px;}
.trk_scr .grd .src_hed{ padding:0px;}
/* menu */
.menu_pnl{ letter-spacing:0px;}

#nav { padding: 0px; margin:0px; -webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: -blackberry-touch;}
#nav > li > a > i,
#nav > li > a > .nav-icon { display: inline; margin-right: 6px; line-height: 1;}
#nav a { color: #555;}
#nav a:hover { text-decoration: none;}
#nav > li { position: relative; cursor:pointer; margin: 0; text-align: left; font-size:14px; }
#nav > li.open > a, #nav > li.active > a, #nav > li:hover > a { background-color: #eee;}
#nav > li.open > a > i:before, #nav > li.active > a > i:before, #nav > li:hover > a > i:before { color: #000;}
#nav > li.open > a > i .icon-bg, #nav > li.active > a > i .icon-bg, #nav > li:hover > a > i .icon-bg { left: -46px;}
.lftopn .icon-bg{ width:100% !important; left:0px !important; color: #000 !important;}
.lftopn #nav > li > a i{ color: #fff !important;}
#nav > li:first-child > a { border-top: 0;}
#nav > li > a { position: relative; display: block; height: 18px; padding: 15px 15px; border-bottom: 1px solid #e5e5e5; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
#nav > li > a > i { position: relative; display: block; float: left; width: 50px; height: 50px; line-height: 50px; border-right: 1px solid #e5e5e5; text-align: center; margin: -15px 10px -15px -15px; color:#fff; background-color:#fff;}
#nav > li > a > i:before { position: relative; z-index: 1;}
#nav > li > a > i .icon-bg { position: absolute; z-index: 12; z-index: 0; left: 0px; width: 100%; top: 0; bottom: 0; -webkit-transition: left 0.2s ease-in-out; -moz-transition: left 0.2s ease-in-out; -o-transition: left 0.2s ease-in-out; transition: left 0.2s ease-in-out;}
#nav > li > a > .badge { position: absolute; top: 16px; right: 5px;}
#nav > li > .icoul { position: absolute; top: 20px; right: 15px;}
#nav ul { background-color: #f1f1f1; display: none;}
#nav ul a { font-size: 13px;}
#nav ul li { position: relative; padding: 0;}
#nav ul li:hover a, #nav ul li.active a { background-color: #e5e5e5;}
#nav ul li:last-child > a { border-bottom: 0;}
#nav ul li > a { position: relative; display: block; padding: 13px 0 13px 25px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
#nav ul li > a:first-child { border-top: none;}
#nav ul li > a i.fa-caret-right { margin-right: 25px;}
#nav ul li > a > .badge { position: absolute; right: 5px; top: 12px;}
#nav > li > a i:before{width:28px; font-size:20px;}
#nav > li > a i[DataKey='i23']:before{ content:'\f0e4'; }
#nav > li > a i[DataKey='i12']:before{ content:'\f0e8'; }
#nav > li > a i[DataKey='i16']:before{ content:'\f0b1'; }
#nav > li > a i[DataKey='i2']:before{ content:'\f0c0'; }
#nav > li > a i[DataKey='i14']:before{ content:'\f006'; }
#nav > li > a i[DataKey='i21']:before{ content:'\f156'; font-size:24px; line-height:55px; font-family: "foundation-icons" !important;}
#nav > li > a i[DataKey='i19']:before{ content:'\f02d';}
#nav > li > a i[DataKey='i25']:before{ content:'\f073'; }
#nav > li > a i[DataKey='i27']:before{ content:'\f0d6'; }
#nav > li > a i[DataKey='i29']:before{ content:'\f017';}
#nav > li > a i[DataKey='i31']:before{ content:'\f0c0';}
#nav > li > a i[DataKey='i33']:before{ content:'\f209'; font-size:24px; line-height:55px; font-family: "foundation-icons" !important;}
#nav > li > a i[DataKey='i35']:before{ content:'\f0ea';}
#nav > li > a i[DataKey='i3']:before{ content:'\f100'; font-size:24px; line-height:55px; font-family: "foundation-icons" !important;}
#nav > li > a i[DataKey='i4']:before{ content:'\f100'; font-size:24px; line-height:55px; font-family: "foundation-icons" !important;}

#nav > li > a i span[DataKey='c23'] { background-color: #93caf0; }
#nav > li > a i span[DataKey='c29'] { background-color: #f5a15a; }
#nav > li > a i span[DataKey='c25'] { background-color: #ffc956; }
#nav > li > a i span[DataKey='c2'] { background-color: #9397f0; }
#nav > li > a i span[DataKey='c3'] { background-color: #1c7ebb; }
#nav > li > a i span[DataKey='c4'] { background-color: #23ae89; }
#nav > li > a i span[DataKey='c6'] { background-color: #2ec1cc; }
#nav > li > a i span[DataKey='c14'] { background-color: #58c9f3; }
#nav > li > a i span[DataKey='c27'] { background-color: #ec7064; }
#nav > li > a i span[DataKey='c8'] { background-color: #f98e33; }
#nav > li > a i span[DataKey='c21'] { background-color: #c892f0; }
#nav > li > a i span[DataKey='c12'] { background-color: #f0b593;}
#nav > li > a i span[DataKey='c19'] { background-color: #aae690;}
#nav > li > a i span[DataKey='c16'] { background-color: #f19393;}
#nav > li > a i span[DataKey='c31'] { background-color: #e4c785;}
#nav > li > a i span[DataKey='c33'] { background-color: #abb6c7;}
#nav > li > a i span[DataKey='c35'] { background-color: #65a1b7;}

#nav > li:hover a i span{background-color:#fff;}

.men_tit{ padding: 0px; font-size:24px; position:relative; cursor:pointer; height:40px; width:51px; background:#00adef; color: #fff; position:absolute; top:0px; left:0px;}
.arw:before, .arwin:before{ content:'\f0c9'; text-align:right; left:12px; top:8px; font-size:18px; padding: 4px 6px; position:absolute;}
.arw:after{ content:'\f0d9'; text-align:right; left:2px; top:8px; font-size:14px; padding: 5px 6px; position:absolute;}
.arwin:after{ content:'\f0da'; text-align:right; left:34px; top:8px; font-size:14px; padding: 5px 6px; position:absolute;}
.men_titup{background:#fff !important; color: #00adef; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

/* menu end */
.dshb{ color:#666; border-radius:0px;margin:0 0 20px;background:#fff; position:relative; float:left;display:inline;width:100%;}
.dshb .dshed .dsbut{ text-align:right !important; position:absolute; top:0px; right:15px; padding:0px !important;}
.dshb .dshed b{ padding:3px 6px; margin-left:5px; border-radius:3px;}
.dshb .dshed .col1{ background:#ff0000;}
.dshb .dshed .col2{ background:#ef9a00;}
.dshb .dshed .col3{ background:#50469d;}
.dshb .dshed .dsbutic{float:right; background-color:transparent; border-radius:14px; width:22px; height:22px; border:2px solid #fff; margin-top:8px; text-align:right; position:relative;}
.dshb .dshed .dsbutic i{ position:absolute; font-weight:normal; padding:4px; cursor:pointer; top:0px; right:0px;}
.dshb .dshed, .dshb .dstit{ padding:0px 5px 0px 15px; text-align:left; background-color:#0ea29d; font-size:16px; font-weight:bold; height:42px; line-height:42px; color:#fff; border-radius:0px 0px 0px 0px; position:relative; }
.dsghed{ display:none;}
.dshb .dstit{ margin:-10px 0px 0px 0px; }
.dshb .dspglist{ padding:0px;}
.wegcol .dshb{ box-shadow:0 2px 5px 0 rgba(0,0,0,.1);}
.wegcol .dshb .dspglist .dsbut { margin: 0px !important; padding: 0px !important; border: 0px !important;}
.dshb .dsbut, .col_pglist > .dsbut{ margin-top:15px; padding:15px 0px; border-top:1px dashed #eee; text-align:center;}
.dshb .dshed .dsbut{ margin-top:0px !important; padding:0px !important; border-top:0px !important; text-align:center;}
.dshb .dcpglist{ padding:5px;}
.dshb .adlnk .inp{width:60% !important; float:left; margin-right:5px;}
.dshb .adlnk a{ cursor:pointer; color:#00adef; font-weight:normal;}
.btncol{ margin-top:15px; padding:15px 0px 0px 0px; border-top:1px dashed #ccc; text-align:center; float:left; display:inline; width:100%;}
.btnlst{ padding:15px 0px; text-align:right;}
.btn_tit{ padding:0px; text-align:left; position:relative;}
.btn_scr{ padding:0px; text-align:right; position:relative;}
.btn_scr .btn_in{right:200px; top:0px; position:absolute;}
.btn_scr .btn_intp{right:0px; top:0px; position:absolute; z-index:2222;}
.btn_tit .btn_in{left:0px; top:0px; position:absolute;}
.dslist{ padding:0px 0px 0px 0px; clear:both;}
.dslist .dsitm{ padding:7px 6px;}
.dslist .dslft{ float:left; width:32%; font-size:14px; font-family:LatoLight; line-height:24px; color:#000; vertical-align:middle; font-weight:700; text-align:right; padding: 2px 8px 0px 5px;}
.dslist .dsrht {float:left; position:relative; width:60%; font-family:LatoLight; font-size:14px; padding: 0px 5px 0px 8px; color:#000; line-height:30px; vertical-align:middle; text-align:left; } /*overflow: visible; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis;*/
.dslist .dsrht .inp, .dslist .dsrht .cmbflt, .dslist .dsrht .inp_dp{ line-height:24px;}
.dslist .dsrht a{ color:#00adef; font-weight:normal;}
.dslist .dsrht[type='18']{position:relative; margin-left:10px; background:#fff; padding:0px; width:150px; height:150px; position:relative; cursor:pointer; color:#ccc; font-size:60px; text-align:center; line-height:150px;}
.dslist .dsrht[type='18']::before{ content:"\f03e"}
.dslist .dsrht[type='18'] .upimg {width:150px; height:150px; overflow:hidden; cursor:pointer; position:absolute; z-index:1111; top:0px; left:0px;}
.dslist .dsrht[type='18'] .upimg img{width:150px; height:150px; border:0px; top:0px; }
.dslist .dsrht[type='18'] img{width:150px; height:150px; border:0px; top:0px; left:0px; position:absolute; }
.dslist .dsbwpt {float:left; width:60%; font-size:12px; padding: 0px 5px 0px 8px; line-height:32px; vertical-align:middle; text-align:left;     position: relative;} 
.dslist .dsbwpt .uplod{ position:relative !important; width:100%; height:inherit; bottom:0px; z-index:2222; left:0px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} 
.dslist .dsbwpt .uplod:hover:after{content:'Maximum file size 50kb'; z-index:7777; color:#eee; position:absolute; font-weight:bold; font-size:11px; width:150px; text-align:center; top:40px; left:0px; display:none;}
.dslist .dsbwpt .uplodtxt{ display:none;}
.dslist .dsbwpt .uplodimg{width:inherit; height:28px !important; overflow:hidden; cursor:pointer; }
.dslist .dsbwpt .uplod input{width:inherit; height:inherit; z-index:1111; top:0px; position:absolute; background:#fff !important;border:1px solid #ccc; padding:5px 0px !important; margin-left:-5px; cursor:pointer; left:5px; *font-size:60px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
.dslist .dsbwpt .uplod:before {content:'Change Image'; z-index:6666; bottom:0px; left:0px; font-weight:bold; font-size:11px; position:absolute; width:150px; text-align:center; color:#fff; background-color:#000; display:none;}
.dslist .dslft_pht{height:150px; margin-left:10px;}
.care_weg{ margin:10px; position:relative; z-index:1;}
.care_wegline{position:absolute; width:4px; background:#eee; top:0px; height:100%; z-index:-1; left:8%;}
.care_wegcir{background:#1fbed6; border:2px solid #eee; display:inline-block; width:30px; font-size:16px; height:30px; line-height:26px; border-radius:50%; position:absolute; top:10px; left:-15.5%; text-align:center; color:#fff;}
.care_weg .care_dat{background:#1fbed6; display:inline-block; width:14%; padding:5px; font-size:14px; font-weight:bold; text-align:center; color:#fff; border:2px solid #eee;}
.care_weg .care_cont {position: relative;background: #f1f9fe; padding:10px; margin:10px 0px; margin-left:18%;}
.care_weg .care_cont:before {position:absolute; top:10px; left:-12px; content:"\f0d9"; font-size:36px; color:#f1f9fe;}
.care_weg .care_hed{font-size:16px; color:#333; font-weight:bold; padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #84d5fb;}
.care_weg .care_hed a{font-size:20px; color:#333; padding-left:10px;}
.care_weg .care_hed .dec_txt { text-transform:lowercase;}
.care_weg .care_hed .dec_txt::first-letter { text-transform:uppercase;}
.care_weg .care_indat{background:#2999eb; padding:5px 15px; color:#fff; font-size:12px; font-weight:bold; text-align:center;}
.care_weg .care_txt{font-size:12px; color:#777;}
.care_weg .care_txt1{font-size:12px; color:#333;}
.care_weg .care_txt i, .care_weg .care_txt1 i{color:#666; width:20px; padding-right:5px; font-size:14px; text-align:center;}
.care_weg .care_cont.yelbg{background: #faf5dc;}
.care_weg .care_cont.yelbg:before{color:#faf5dc;}
.care_weg .care_cont.yelbg .care_hed{border-color:#e8d259;}
.care_weg .care_cont.yelbg .care_wegcir{background: #e8d259;}
.care_weg .care_cont.yelbg .care_indat{background: #e8d259; color:#333;}
.care_weg .care_cont.grnbg{background: #e2fee4;}
.care_weg .care_cont.grnbg:before{color:#e2fee4;}
.care_weg .care_cont.grnbg .care_hed{border-color:#92db98;}
.care_weg .care_cont.grnbg .care_wegcir{background: #92db98;}
.care_weg .care_cont.grnbg .care_indat{background: #92db98; color:#333;}
.care_weg .care_cont.redbg{background: #fed0c9;}
.care_weg .care_cont.redbg:before{color:#fed0c9;}
.care_weg .care_cont.redbg .care_hed{border-color:#ff8877;}
.care_weg .care_cont.redbg .care_wegcir{background: #ff8877;}
.care_weg .care_cont.redbg .care_indat{background: #ff8877; color:#333;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.dslist .dsbwpt .uplodimg{height:20px !important; margin-bottom:15px; }}

.dslist .dspht {float:left; width:60%; font-size:12px; padding: 0px 5px 0px 8px; line-height:32px; vertical-align:middle; text-align:left; position:relative; } 
.dslist .dspht .upfiles{ margin-top:30px; font-size:12px;}
.dslist .dspht .upfiles a{ font-weight:normal; color:#006bc6;}
.dslist .dspht .cls {font-size:14px; cursor:pointer; padding-left:10px;}
.dslist .dspht .cls:hover{color:#ff0000;}
.dslist .dspht .uplod{ position:inherit !important; width:inherit; height:inherit; bottom:0px; z-index:2222; left:0px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} 
.dslist .dspht .uplod:hover:after{content:'Maximum file size 50kb'; z-index:7777; color:#eee; position:absolute; font-weight:bold; font-size:11px; width:150px; text-align:center; top:40px; left:0px; display:none;}
.dslist .dspht .uplodtxt{ display:none;}
.dslist .dspht .uplodimg{width:inherit; height:inherit; overflow:hidden; cursor:pointer; }
.dslist .dspht .uplod input{width:inherit; height:inherit; z-index:1111; top:0px; position:absolute; background:#fff !important;border:1px solid #ccc; padding:5px; cursor:pointer; left:5px; *font-size:60px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
.dslist .dspht .uplod:before {content:'Change Image'; z-index:6666; bottom:0px; left:0px; font-weight:bold; font-size:11px; position:absolute; width:150px; text-align:center; color:#fff; background-color:#000; display:none;}

.dslist .dsclr {clear:both;}
.dsbut{ text-align:center; padding:1px 0px;}


.hed_btn{position:relative;}
.btn{ background-color:transparent; border-radius:50%; width:26px; height:26px; font-size:14px; padding:4px 0px 2px 0px; border:2px solid #fff; text-align:center; color:#fff; cursor:pointer; margin-left:5px; }
.sml_btn{ width:16px; height:16px; font-size:10px; padding-top:1px;}
.btnr{position:absolute; top:5px; right:0px; }
.tpbtn{ position:absolute; top:55px; left:0px;}
.bcol{color:#777; border-color:#777 ;}
.bcol:hover, .btn_help{color:#fff; border-color:#00adef; background-color:#00adef;}
.bfol{color:#fff !important; border-color:#fff !important; padding:0px; width:28px; height:28px; line-height:26px; font-size:18px; margin-top:-3px;}

.tool_btn{ z-index:0; font-family:"LatoRegular"; color:#00adef;     padding: 0px 5px 0px 28px;   margin-left: -26px; border:1px solid #00adef; font-size:12px; float:left; line-height:25px; border-radius:26px; -webkit-transition: ease .5s;    -moz-transition: ease .5s;    -o-transition: ease .5s;    transition: ease .5s;}
/* grid change request*/
.grd_cr{ font-size:12px; color:#333; font-weight:normal; padding:1%;float:left;display:inline;width:100%;}
.grd_pag{float:left;display:inline;width:100%;padding:1% !important;}
.grd_cr > div{border-bottom:1px dashed #ccc; padding:5px; cursor:pointer; }
.grd_cr .no_rec { border-bottom: 0px !important; cursor:inherit !important; color:#ff0000 !important; }
.grd_cr .no_rec:hover { background-color:transparent !important; color:#ff0000 !important; }
.grd_cr > div:hover{ background:#ddd;}
.grd_cr b{ color:#666; font-weight:normal;}
.grd_cr span{padding-right:5px; display:inline-block; vertical-align:top;}
.grd_cr .col1{ color:#ff0000 !important;}
.grd_cr .col2{ color:#07a500 !important;}
.grd_cr .col3{ color:#ef9a00 !important; padding:0px !important; font-size:12px !important; font-weight:normal !important;}

/* grid div*/
.grd_div{ font-size:12px; color:#333; font-weight:normal;}
.grd_div > div{border-bottom:1px dashed #ccc; padding:5px; }
.grd_div > div > div{ float:left; padding:5px 0px }
.grd_div > div:first-child > div{ font-weight:bold;}
.grd_div > div > div:first-child{ width:6%;}
.grd_div > div > div:nth-child(2){ width:18%;}
.grd_div > div > div:nth-child(3){ width:66%;}
.grd_div > div > div:nth-child(4){ width:10%;}
.grd_div a{ color:#00adef; font-weight:normal; cursor:pointer;}
.grd_div .inp{ width:80%;}
.grd_div .ui-widget-content { border: 1px solid #dddddd; background: #fff9bc; color: #333333;}

.grd_div .remak_score{ position:absolute; cursor:pointer; top:0px; right:5px;}
.grd_div .remak_toltip, .remak_toltip{ position:absolute; padding:10px; background:#fff; text-align:left; 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_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_div .remak_score .fa-comment::after{color:#fff !important; top:5px !important;}
.grd_div .remak_des{color:#999;}
.grd_div .remak_txt{ font-weight:bold; padding-left:10px; display:inline-block;}
.grd_div .remak_toltip .inp, .remak_toltip .inp{ margin-bottom:5px;}
.grd_div .remak_score .fa{ font-size:24px; color:#00adef;}
.grd_div .remak_score .ico{top:0px !important;}

.grd_lst{ font-size:14px; color:#333; font-weight:normal;}
.txt_slf{border: 1px dashed #cccccc; border-left: 4px solid #239fdb; text-align: left;  padding: 3px;}
.txt_mag{border: 1px dashed #cccccc; border-left: 4px solid #e56735; text-align: left;  padding: 3px;}
.txt_slf textarea, .txt_mag textarea{float:none;}
.grd_lst{ font-size:14px; color:#333;  font-weight:normal;}
.grd_lst .grd_hed{ background:#3399cc; color:#fff; font-size:24px; padding:12px 0px; text-align:center;}
.grd_lst .grd_hed_sml{ background:#00adef; color:#fff; font-size:14px; padding:1% 0px; text-align:left; font-weight:bold;}
.grd_lst .grd_tit{ background:#eee; font-size:18px; padding:8px 1%; }
.grd_lst .grd_tit_sml{ background:#e8e8e8; color:#333; font-size:13px; padding:5px 0px; text-align:left; font-weight:bold;}
.grd_lst .grd_txt_sml{ color:#333; font-size:13px; padding:5px 0px 5px 1%; text-align:left; font-weight:normal; border-bottom: 1px solid #eee;}
.grd_lst .grd_inr_lst{border: 1px solid #eee; position:relative; margin:0 0 0 10%; width:90%;}
.grd_lst .grd_inr_lst:before{content:""; height:2px; width:5%; left:-5%; position:absolute; top:18px; background:#ccc;}
.grd_lst .grd_inr_lst:after{content:""; width:2px; height:20px; top:-2px; position:absolute; left:-5%; background:#ccc;}
.grd_lst .grd_inr_lst .grd_lst_hed_sml{background:#ebf7fc; font-size:13px; padding:5px 0px; text-align:left; font-weight:bold; color:#333;}
.grd_lst .grd_inr_lst .grd_lst_txt_sml{ color:#333; font-size:13px; padding:2px 0px; text-align:left; font-weight:normal; border-bottom: 1px dotted #eee;}
.grd_lst .grd_txt{padding:8px 1%;}
.grd_lst .grd_col > div{margin-bottom:10px; border-bottom:1px dotted #ccc;}

/* grid Swap Entry*/
.grd_sap_hed > div{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_sap {}
.grd_sap .row{background:#f9f9f9; border:1px solid #f5f5f5; padding:5px 0px; margin-bottom:5px; font-size:14px; }
.grd_sap .row > div{padding-top:5px; padding-bottom:5px;}
.grd_sap .row_in{background:#fff; border:1px solid #f5f5f5; font-size:12px; margin-top:-5px; position:relative; padding:0px;}
.grd_sap .row_in:before{background:#00adef; width:2px; content:" "; position:absolute; left:0px; height:100%; display:inherit; top:0px;}
.grd_sap .row_in > div{border-bottom:1px solid #f5f5f5;}
.grd_sap .row_in > div:last-child{border-bottom:0px;}
.remak_close{ color:#333 !important; position:absolute; top:0px; right:2px; z-index:3333;}

.remak_score h1{clear:both; height:5px;}
.mgr_hed{font-size:14px; color:#00adef; font-weight:bold;}
.mgr_txt{font-size:14px; color:#333;}
.mgr_rat{}
.mgr_rat .rtpimg{position:relative; float:left; margin-right:10px; text-align:center;}
.mgr_rat .fa:after{ display:none;}
.mgr_rat .rtpimg, .mgr_rat .rtpimg img{ height:42px; width:42px; line-height:42px;}
.mgr_rat .rtpimg img{z-index:1111; position:absolute; top:0px; left:0px;}
.mgr_rat .nam {font-weight:bold; color:#159bdd; font-size:13px;}
.mgr_rat .rtpimg{background:#f8f8f8;}
.mgr_rat .emp{background:#a7d9f1; }
.mgr_rat .mgr{background:#f5c2ae; }
.emp:before {color:#a7d9f1;}
.mgr:before {color:#f5c2ae;}
.remk_txt{ float:left; padding:5px; position:relative; width:65%; font-size:12px; line-height:16px; min-height:32px; }
.remk_txt:before{ content:"\f0d9"; position:absolute; left:-6px; top:5px; font-size:20px;}
/* Employee letters search*/
.emp_letr_src{ padding: 0;
  margin: 0;
  list-style: none; display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
    align-items: center;
    justify-content: center;}
.emp_letr_src > div{width: 100%; cursor:pointer;}
.emp_letr_src > div > span{
  padding: 5px 8px;
  margin: 0px 2px;
  border:1px solid #ccc;
  color: #333;
  font-size: 14px;
  text-align: center;}
.emp_letr_src > div > span.letr_act{background:#00adef; color: #fff;  border:1px solid #00adef;}
.pay_excet{background:#f8f8f8; border:1px solid #eee; border-left:3px solid #ff8877; padding:20px 15px;}
.pay_excet .pay_nam{font-size:14px; font-weight:bold; color:#666;}
.pay_excet .pay_txt{font-size:14px; font-weight:bold; color:#666;}
.pay_excet .pay_txt i{font-size:24px; color:#333;}
.pay_excet .pay_txt span{font-size:24px; padding-right:10px;}

/* System Settings*/
.syt_weg{ padding:2%; -webkit-box-shadow:0px 1px 3px rgba(0,0,0,.25);box-shadow:0px 1px 3px rgba(0,0,0,.25); background:#fff;float:left;display:inline;width:100%;}
.syt_hed{padding:0 0 10px 0px; font-size:16px; color:#444; border-bottom:1px solid #ccc; font-weight:bold;}
.syt_hed i{ padding-right:5px; font-size:16px; display:none;}
.syt_lst, .syt_lst_new{  padding:20px 0px 0px 0px;}
.syt_lst > div, .syt_lst_new .syt_lst_lnk{float:left;  width:33%; font-size:16px; color:#00adef; text-align:left; cursor:pointer; margin:12px 0;}
.syt_lst > div > span, .syt_lst_new .syt_lst_lnk span{float:left;display:inline;width: 89%;font-size: 15px;margin: 0 0 0 3%;}
.syt_lst > div > i, .syt_lst_new .syt_lst_lnk i{ display:inline-block; float:left;display:inline;width:10%; font-size:18px; color:#333; position:relative; width:20px; text-align:left; height:20px; vertical-align:bottom;}
.syt_lst > div > i > b{ font-size:10px; color:#333; text-align:center; position:absolute; width:100%; top:5px; left:-5px;}
.syt_lst > div .fi, .syt_lst_new .syt_lst_lnk .fi{ font-size:22px;}
.syt_lst > div .syt_txt{ top:50%; font-size:30px;}
.syt_lst > div .syt_box{ top:8px; font-size:5px; left:1px; color:#999; width:inherit;}
/*.syt_lst > div .syt_box2{ top:8px; font-size:5px; left:6px; color:#ccc; width:inherit;}
.syt_lst > div .syt_box3{ top:12px; font-size:5px; left:12px; color:#ccc; width:inherit;}*/
.syt_lst .norecords, .syt_lst_new .norecords{ text-align:center !important; color:#ff0000 !important; font-size:12px !important; width:100% !important; float:inherit !important;}
.syt_continer .syt_weg{ width:32.33%; margin-right:1%; margin-bottom:20px; cursor:pointer; position:relative;}
.syt_continer .syt_hed{position:relative; z-index:1;}
.syt_continer .syt_weg::after{content:"\f107"; position:absolute; right:26px; top:26px;}
.syt_continer .syt_weg .syt_hed{border-bottom:0px; padding:0px;}
.syt_continer .syt_weg.syt_opn{ width:100%; margin-right:0px;}
.syt_continer .syt_weg.syt_opn .syt_hed{border-bottom:1px solid #ccc; padding:0 0 10px 0px;}
.syt_continer .syt_weg.syt_opn::before{content:""; background:#00adef; position:absolute; left:0px; top:0px; width:2px; height:100%;}
.syt_continer .syt_weg.syt_opn::after{content:"\f106";}
/*
.syt_grn, .sytin_grn i { background:#1bbc9b;}
.syt_blu, .sytin_blu i { background:#3598db;}
.syt_yel, .sytin_yel i { background:#ffa200;}
.syt_org, .sytin_org i { background:#e67f22;}
.syt_gry, .sytin_gry i { background:#34495e;}
.syt_pnk, .sytin_pnk i { background:#9b5997;}
.syt_lgry, .sytin_lgry i { background:#95a5a5;}
.syt_dblu, .sytin_dblu i { background:#345e9e;}
.syt_dgrn, .sytin_dgrn i { background:#899065;}
.syt_red, .sytin_red i {background:#ff8877 !important;}
.syt_liggrn {background:#399a10;}
.syt_skyblue1, .syt_skyblue2 i{background-color:#00adef;}
.syt_redd, .syt_redd1 i{background:#ec7064;}
       .syt_liggrn1{background-color:#8b1289;}
 .syt_liggrn2 > div .fi{background:#399a10;}
.syt_liggrn2 i{background-color: #8b1289;}*/
 /*.tile_wiz > div{min-height:225px;}*/

.color {padding:5px; cursor:pointer; border:1px solid #ccc; border-radius:4px; }

/* anchore list*/
.anc_lst {color:#555; font-size:12px; position:relative;}
.anc_lst .anc_dtl{ padding:10px; margin-bottom:10px;}
.anc_lst .anc_dtl > div {float:left; vertical-align:middle;}
.anc_lst .anc_dtl > div:first-child{ width:10%; text-align:left;}
.anc_lst .anc_dtl > div:nth-child(2n){ width:15%; text-align:left; font-weight:bold;}
.anc_lst .anc_dtl > div:nth-child(3n){ width:65%; text-align:left; padding-top:8px;}
.anc_lst .anc_dtl > div:nth-child(4n){ width:10%; text-align:right; padding-top:8px; float:right;}

.anc_lst .anc_dtl .anc_icon{font-size:36px;}
.anc_lst .anc_dtl .acol{color:#555; border-color:#555 !important;}
.anc_lst .clr{ clear:both; float:inherit !important;}
.anc_lst .anc_dtl .Editor-editor{height:120px;}
.sml_edt .Editor-editor{height:100px;}
.sml_edt .Editor-container{margin:0px;}

.lst_cr { margin:0px; color:#333; font-size:12px;}
.lst_cont{ float:left; width:47%; margin:0px; position:relative;}
.lst_cr .lst_cont:nth-child(odd){margin-right:6%;}
.lst_hed{ padding:0px 5px; text-align:left; background-color:#00adef; font-size:16px; font-weight:bold; line-height:42px; color:#fff; border-radius:0px; }
.lst_hed .lst_tit{ float:right; font-size:14px;}
.lst_hed .lst_tit b{color:#333; padding-right:10px;}
.lst_titlft{width:10% !important; color:#333 !important; font-weight:bold !important;}
.lst_dstit{ padding:5px 2% 5px 0px; text-align:center; font-size:16px; font-weight:bold; color:#333;}
.lst_pgtit{ padding:0px; text-align:left; font-size:14px; font-weight:bold; color:#3399ff; margin:10px 0px; border-bottom:1px dashed #ccc;}
.lst_lft{ float:left; width:48%; line-height:32px; font-weight:normal; vertical-align:middle; text-align:left; padding: 0px 1%; color:#999;}
.lst_rht {float:left; width:48%; padding: 0px 1%; line-height:32px; vertical-align:middle; text-align:left;}
.lst_rht > div a, .lst_rht a{ cursor:pointer; color:#00adef; font-weight:normal;}
.lst_pht{ float:right; color:#999;}
.lst_pht i{width:60px; height:60px; border:2px solid #eee; background:#fff; color:#ccc; line-height:60px; text-align:center; font-size:30px; z-index:1111; position:relative;}
.lst_pht img{width:60px; height:60px; position:absolute; z-index:2222; left:0px; top:0px;}
.bcl{border-color:#ff0000 !important;}
.hit{color:#ff0000 !important;}
.lst_clr {clear:both;}

/* Wizard list*/
.wiz{ padding-bottom:20px; }
.wiz_txt{ text-align:center; color:#999; font-size:14px; font-weight:bold; float:left;}
.wiz_txt b{ color:#00adef;}
.wiz .col6{ width:16.66%; padding:0px 0px 10px 0px;}
.wiz .col5{ width:20%; padding:0px 0px 10px 0px;}
.wiz .col4{ width:25%; padding:0px 0px 10px 0px;}
.wiz .col3{ width:33.3%; padding:0px 0px 10px 0px;}
.wiz .col2{ width:50%; padding:0px 0px 10px 0px;}
.wiz .in6{ padding:0px 7.5%; width:100%;}
.wiz .in5{ padding:0px 10%; width:100%;}
.wiz .in4{ padding:0px 12.5%; width:100%;}
.wiz .in3{ padding:0px 16%; width:100%;}
.wiz .in2{ padding:0px 25%; width:100%;}
.in6 .wiz_lin, .in6 .wiz_out, .in6 .wiz_lot{width: 20%}
.in5 .wiz_lin, .in5 .wiz_out, .in5 .wiz_lot{width: 25%}
.in4 .wiz_lin, .in4 .wiz_out, .in4 .wiz_lot{width: 33%;}
.in3 .wiz_lin, .in3 .wiz_out, .in3 .wiz_lot{width: 50%;}
.in2 .wiz_lin, .in2 .wiz_out, .in2 .wiz_lot{width: 100%;}

.in6 > div:last-child{ width:36px !important;}
.in6 > div:last-child .in{ display:none;}
.in5 > div:last-child{ width:36px !important;}
.in5 > div:last-child .in{ display:none;}
.in4 > div:last-child{ width:36px !important;}
.in4 > div:last-child .in{ display:none;}
.in3 > div:last-child{ width:36px !important;}
.in3 > div:last-child .in{ display:none;}
.in2 > div:last-child{ width:36px !important;}
.in2 > div:last-child .in{ display:none;}

.in6 .wiz_out .fa:after, .in5 .wiz_out .fa:after, .in4 .wiz_out .fa:after, .in3 .wiz_out .fa:after, .in2 .wiz_out .fa:after{ content:"\f00c" !important; color:#fff; position:absolute; top:9px !important; left:8px !important; font-size:16px !important; font-family:"FontAwesome" !important;}
.in6 > div:nth-child(1) .fa:after, .in5 > div:nth-child(1) .fa:after, .in4 > div:nth-child(1) .fa:after, .in3 > div:nth-child(1) .fa:after, .in2 > div:nth-child(1) .fa:after{ content:"1"; color:#fff; position:absolute; top:6px; left:10px; font-size:20px; font-family:"Segoe UI"; font-weight:bold;}
.in6 > div:nth-child(2) .fa:after, .in5 > div:nth-child(2) .fa:after, .in4 > div:nth-child(2) .fa:after, .in3 > div:nth-child(2) .fa:after,  .in2 > div:nth-child(2) .fa:after{ content:"2"; color:#fff; position:absolute; top:6px; left:10px; font-size:20px; font-family:"Segoe UI"; font-weight:bold;}
.in6 > div:nth-child(3) .fa:after, .in5 > div:nth-child(3) .fa:after, .in4 > div:nth-child(3) .fa:after, .in3 > div:nth-child(3) .fa:after, .in2 > div:nth-child(3) .fa:after{ content:"3"; color:#fff; position:absolute; top:6px; left:10px; font-size:20px; font-family:"Segoe UI"; font-weight:bold;}
.in6 > div:nth-child(4) .fa:after, .in5 > div:nth-child(4) .fa:after, .in4 > div:nth-child(4) .fa:after{ content:"4"; color:#fff; position:absolute; top:6px; left:10px; font-size:20px; font-family:"Segoe UI"; font-weight:bold;}
.in6 > div:nth-child(5) .fa:after, .in5 > div:nth-child(5) .fa:after{ content:"5"; color:#fff; position:absolute; top:6px; left:10px; font-size:20px; font-family:"Segoe UI"; font-weight:bold;}
.in6 > div:nth-child(6) .fa:after{ content:"6"; color:#fff; position:absolute; top:6px; left:10px; font-size:20px; font-family:"Segoe UI"; font-weight:bold;}

.wiz_lin, .wiz_out, .wiz_lot{ position:relative; font-size:36px; text-align:left; display:table-cell;}
.wiz_lin {color:#268aa8;}
.wiz_out, .wiz_lot {color:#77cc55;}

.lst{width:18px !important;}
.wiz_lin .in {background:#ff8c00; height:5px; margin-top:7px; width:100%;}
.wiz_lin .fa{top:-9px; width:36px; height:36px; color:#ff8c00; position:absolute; left:-18px;}
.wiz_out .in { background:#77cc55; color:#00adef; height:5px; margin-top:7px; width:100%;}
.wiz_out .fa{ top:-9px; width:36px; height:36px; position:absolute; left:-18px;}
.wiz_lot .in { background:#ff8c00; color:#fff; height:5px; margin-top:7px; width:100%;}
.wiz_lot .fa{top:-9px; width:36px; height:36px; position:absolute; left:-18px;}

/* Wizard step*/
.wiz_stp{ background:#f8f8f8; border: 1px dashed #ccc; padding:15px;}
.wiz_tit{ font-size: 20px; font-weight:bold;}
.wiz_tit b { font-size: 16px; }
.wiz_lst{ background:#00adef; padding:0px; float:left;}
.wiz_lst > div{ float:left; padding:10px 25px 10px 5px; color:#fff; font-size:14px; position:relative;}
.wiz_lst > div:last-child{ padding-right:10px;}
.wiz_lst > div > i{ font-size:72px; padding-left:10px; position:absolute; top:-18px; right:0px;}
.wiz_rdo { float:left; padding-right:10px; line-height:42px; margin-top:10px;}
.wiz_btn { padding:10px 1%; background:#eee; border-bottom:2px solid #00adef; text-align:center; width:100%;float:left;}

.wiz_cbtn { padding:10px 15px 10px 20px; }
.wiz_cbtn > span:first-child{float:left;}
.wiz_cbtn > span { float:right;}

.wiz_btn1 { padding:10px 15px 10px 20px; background:#eee; border-bottom:2px solid #00adef ;}
.wiz_btn1 > span:first-child{float:right;}
.wiz_btn1 > span { float:right;}
.wiz_btn1 > span[title="Cancel"]{ background:#999 !important; }

/* Wizard radio*/
.wiz_rad{ font-size: 12px; }
.wiz_rad > div{ background:#f8f8f8; border: 1px dashed #ccc; margin-right:2%; margin-bottom:2%; float:left; width:23%; height:120px;}
.wiz_rad > div:nth-child(4n){margin-right:0px; }
.wiz_rad .wiz_tit{ font-size: 20px; color:#fff; font-weight:bold; background:#00adef; padding:10px; }
.wiz_rad .wiz_tit input{margin-top:0px !important;}
.wiz_rad .wiz_tittxt{overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; width:80%; font-size: 14px;}
.wiz_rad .wiz_cont{ padding:10px; height:50px; overflow: hidden; text-overflow: ellipsis;}

.wiz_rad .wiz_rdo { line-height:24px; padding-right:5px;}
/*New Wizard with icon*/
.f1-steps { overflow: hidden; position: relative; margin-top: 20px; }

.f1-progress { position: absolute; top: 24px; left: 0; width: 100%; height: 1px; background: #ddd; }
.f1-progress-line { position: absolute; top: 0; left: 0; height: 1px; background: #74b749; }

.f1-step { position: relative; float: left; width: 33.333333%; padding: 0 5px; text-align:center;}

.f1-step-icon {
	display: inline-block; width: 40px; height: 40px; margin-top: 4px; background: #ddd;
	font-size: 16px; color: #fff; line-height: 40px;
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align:center;
}
.f1-step.activated .f1-step-icon {
	background: #fff; border: 1px solid #74b749; color: #74b749; line-height: 38px;
}
.f1-step.active .f1-step-icon {
	width: 48px; height: 48px; margin-top: 0; background: #74b749; font-size: 22px; line-height: 48px;
}

.f1-step p { color: #ccc; }
.f1-step.activated p { color: #74b749; }
.f1-step.active p { color: #74b749; }

.emp_new_field{}
.emp_new_field .drop_list > div:first-child, .emp_new_field .drop_list > div:nth-child(3){ float:left; line-height:32px; font-size:14px; font-weight:bold; vertical-align:middle; text-align:left; padding: 0px 5px;}
.emp_new_field .drop_list .uplod{border:1px solid #ccc;}
.inr_tab{ font-size: 14px; font-weight:bold; text-align:center;}
.inr_tab > div{ float:left; width:33%; margin-right:0.5%; padding:15px 0px; background:#eee; color:#666; position:relative; cursor:pointer;}
.inr_tab > div:last-child{ margin-right:0% !important;}
.inr_tab .lnkact{ background:#00adef; color:#fff; border-bottom:2px solid #1584ae;}
.inr_tab .lnkact:before{ content:"\f0d7"; position:absolute; bottom:-18px; font-size: 30px; left:0px; width:100%; text-align:center; color:#00adef; }
.inr_tab > div > i{font-size: 18px; padding-right:5px;}
.inr_tabsml{padding-top:10px;}
.inr_tabsml > div{padding:5px 0px !important; font-size:12px;}
.bdr_tab {border-bottom:2px solid #00adef; padding:0px 5%;}
.bdr_tab .lnkact{ background:#fff; color:#333; border:2px solid #00adef; border-bottom:0px; margin-bottom:-2px;}
.bdr_tab .lnkact:before { display:none;}
.tab5 > div {width:19.6%;}
.tab6 > div {width: 16%;}
.tab2 > div {width:49.5%; margin-right:1%;}
.tab4 > div {width:24%; margin-right:1.33%;}
.tab_col > div{background-color:transparent !important; padding:10px 0px; width:49% !important;}
.tab_col .lnkact{background-color:#fff !important; color:#666; border:solid #ccc; border-width:1px 1px 0px 1px;}
.tab_col .lnkact:before{display:none;}
.tab_col > div:last-child{float:right;}
.tab_cont{border:1px solid #ccc; background-color:#fff !important;}
.prf_tab_cus{margin:0px !important;}
.prf_tab_cus .carousel-control.left, .prf_tab_cus .carousel-control.right{background-image:none !important; background:#ccc; height:40px; color:#666; margin:20px 1%; width:3% !important;}
.prf_tab_cus .carousel-control .fa{top:25% !important;}
.prf_tab{margin:0px 5%; width:90% !important;}
.prf_tab .item > div{border:2px solid #eee; border-bottom:0px; text-align:center; padding:2%; width:20%;  min-height:36px; line-height:36px; font-size:16px; float:left; margin:0px 0.2%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; cursor:pointer;}
.prf_tab .item > div a{color:#666;}
.prf_tab .item > div a:hover{text-decoration:none;}
.prf_tab .item .activecol{background:#f1f8fe;}
.prf_tab .item .activecol a{color:#337ab7;}
.prf_tabopn{background:#f1f8fe; padding:15px 2%; float:left; width:100%; }

.yel_bdr{ border-bottom:2px solid #f5a15a; }
.grn_bdr{border-bottom:2px solid #77cc55;}
.blu_bdr{ border-bottom:2px solid #00adef; }
.bow_bdr{border-bottom:2px solid #bf9000;}
.red_bdr{border-bottom:2px solid #ff8877;}

.yel_lbdr{ border-left:2px solid #f0cc44; padding-left:10px;}
.grn_lbdr{border-left:2px solid #77cc55; padding-left:10px;}
.blu_lbdr{ border-left:2px solid #00adef; padding-left:10px;}
.bow_lbdr{ border-left:2px solid #bf9000; padding-left:10px;}
.red_lbdr{border-left:2px solid #ff8877; padding-left:10px;}

.bow_col{color:#bf9000;}
.yel_col{ color:#f0cc44;}
.grn_col{color:#77cc55;}
.blu_col{ color:#00adef;}
.red_col{color:#ff8877;}
.dgrn_col{color:#66d2ba;}
.gry_col{ color:#cdcdcd;}
.org_col1{color:#f75f13}
.wht_col{color:#fff}
.dgry_col{color:#333}
.blk_col{color:#000}

.bow_bdrcol{border-color:#bf9000 !important ;}
.yel_bdrcol{border-color:#f0cc44 !important;}
.grn_bdrcol{border-color:#77cc55!important;}
.blu_bdrcol{border-color:#00adef !important;}
.red_bdrcol{border-color:#ff8877!important;}
.dgrn_bdrcol{border-color:#66d2ba !important;}
.gry_bdrcol{border-color:#cdcdcd !important;}
.org_bdrcol1{border-color:#f75f13!important; }
.wht_bdrcol{border-color:#fff !important;}

.yel_bfr_bdr:before{ background:#FF4500; width:4px; height:100%; position:absolute; content:""; left:0px; top:0px;}
.yel_bfr_bdr_full:before{ border:4px solid #FF4500; width:100%; height:100%; position:absolute; content:""; left:0px; top:0px;}

.blu_themebg{ background:#00adef;}

.red_bdr_bfr:before{background:#ff8877; content:""; position:absolute; top:0px; height:100%; width:4px; left:0px;}

.scr_lst{ padding:10px; border-left:2px solid #00adef; background:#f8f8f8; color:#666;float: left;width: 100%;}
.scr_lst .lft{ float:left; line-height:32px; font-size:14px; font-weight:bold; vertical-align:middle; text-align:left; padding: 0px 1%; }
.scr_lst .rht{ float:left; width:16%; line-height:32px; font-size:14px; vertical-align:middle; text-align:left; padding: 0px 1%; margin-right:2%;}
.scr_lst .pad{margin-top:10px; padding-left:25px;}
.scr_lst .scr_btn span[type="button"]{padding:8px 10px;}
.scr_lst .mid{ text-align:center;}

/*Recruitment*/
.rec_met1{background:#fff; border:1px solid #eee; padding:10px 2%; float:left; min-width:260px; width:100%; height:100%; position:relative; color:#666;}
.rec_met1_hexbdy {margin:0px 10%; width:80%;}
.rec_met1_hexbdy .wed2{width:25% !important;}
/*Learning & Development*/
.ld_met{}
.ld_meta1{background:#eee; padding:10px 2%; cursor:pointer; float:left; width:30%; height:420px; margin-right:2%; position:relative; color:#666;}
.ld_meta1 .ld_bdy{margin-top:15%;}
.ld_met1, .ld_met2, .ld_met3, .ld_met4, .ld_met5, .ld_met11, .ld_met12, .ld_met15{padding:10px 2%; cursor:pointer; float:left; margin-right:1%; position:relative; color:#fff;}
.ld_met1{background:#38a4d5; width:28%; height:260px;}
.ld_met2{background:#6d8dbe; width:49%; height:380px;}
.ld_met2 .box_inhed{color:#fff; border-color:#fff;}
.ld_met3{background:#01abaa; width:15%; height:120px; margin-bottom:10px;}
.ld_met4{background:#a596cd; width:12%; height:120px; margin-bottom:10px;}
.ld_met5{background:#61b9ff; width:12%; height:50px; margin-bottom:10px;}
.ld_met11{background:#949fb1; width:15%; height:50px; margin-bottom:10px; margin-right:0%;}
.ld_met12{background:#f27b53; width:32%; height:40px; margin-bottom:10px; margin-right:0%;}
.ld_met15{background:#77808a; width:22%; height:120px; margin-bottom:10px; }

.ld_met6, .ld_met7, .ld_met13, .ld_met14{background:#fff; cursor:pointer; border:1px solid #eee; padding:10px 2%; float:left; min-width:260px; width:100%; height:300px; position:relative; color:#666;}
.ld_met6{ margin-right:2%; max-width:45%;}
.ld_met7{ max-width:50%; height:380px;}

.ld_met13{ margin-right:2%; max-width:38%; height:380px;}
.ld_met13 .leg_txt{ position:absolute; width:100%; font-size:12px; padding:5px 0px; text-align:center; background:#dbeef3; bottom:0px; left:0px;}
.ld_met14{ max-width:68%; height:420px;}
.ld_met14_wd{ width:60%; height:380px;}
.ld_met14 .lms_tab, .ld_met9 .lms_tab{ background-color:transparent !important; color:#61b9ff; font-weight:bold; border:1px solid #eee; padding:0px; margin-top:-8px; }
.ld_met14 .lms_tab .lms_act, .ld_met9 .lms_tab .lms_act { background-color:#61b9ff; color:#fff; }
.ld_met14 .lms_tab .lms_nor, .ld_met9 .lms_tab .lms_nor { border-left:2px solid #eee; }
.ld_met14 .lms_tab > div:first-child, .ld_met9 .lms_tab > div:first-child{border-left:0px;}

.ld_met2 .lms_tab{ background-color:transparent !important; color:#fff; font-weight:bold; border:1px solid #eee; padding:0px; }
.ld_met2 .lms_tab .lms_act { background-color:#58739c; color:#fff; }
.ld_met2 .lms_tab .lms_nor { border-left:2px solid #fff; }
.ld_met2 .lms_tab > div:first-child{border-left:0px;}
.ld_met2 .btn{ border-color:#fff; color:#fff;}
.ld_met2 .ld_bdy{ text-align:center;}

.ld_met8{background:#fff; cursor:pointer; border:1px solid #eee; padding:10px 2%; float:left; width:14%; height:340px; margin-right:2%; position:relative; color:#666;}
.ld_met9{background:#fff; cursor:pointer; border:1px solid #eee; padding:10px 2%; float:left; width:75.5%; height:100%; min-height:300px; position:relative; color:#666;}
.ld_met9_wd{ width:100% !important;}

.ld_met3 .norecords, .ld_met2 .norecords{ color:#fff; position:absolute; top:40%; left:0px; width:100%; text-align:center;}
.ld_met1 .ld_rat{ top:40%; font-size:66px;}
.ld_met2 .ld_leg{ right:15%;}

.ld_hed{ position:absolute; bottom:10px; left:5%; font-size:14px; width:95%;}
.ld_hedst{ font-size:14px; border-bottom:1px solid #eee; padding-bottom:5px; font-weight:bold;}
/*.ld_hedst span{text-align:right; float:right;}*/
.ld_hedst span[type="button"]{padding:0px 5px; font-size:12px;}
.ld_rat{ position:absolute; top:28%; left:0px; width:100%; text-align:center; font-size:48px; font-weight:bold;}
.ld_div{ left:0px !important; width:100% !important;}
.ld_div > div{ float:left; width:49%; text-align:center; }
.ld_div > .ld_lin{ float:left; width:2%; text-align:center;}
.ld_slid{font-size:12px; line-height:24px;}
.ld_slid b{font-size:14px; }
.ld_cla{float:left; width:48%; padding-right:2%; border-right:1px dotted #ccc; margin-top:10px;}

.ld_cal_lst{ border-collapse:collapse;}
.ld_cal_lst td{ width:36px; padding:5px; position:relative; height:36px; text-align:center; font-size:14px; font-weight:normal;}
.ld_cal_lstday > div{ width:36px; height:36px; background:#eee; border-radius:4px; position:relative; display:inline-block; }
.ld_cal_lstday > div h1{line-height: 36px; color:#333;}
.ld_cal_lst > tbody > tr:nth-child(2) td{background:transparent !important; height:24px !important; vertical-align:middle; font-weight:bold;}

.ld_cal_lst .cal_lstprg{ position:absolute; left:8px; top:2px; text-align:center; font-size:6px; line-height:8px; width:32px;}
.ld_cal_lst .cal_lstprg i{ padding-right:1px;}
.yel_ico{ color:#c500ce; }
.grn_ico{color:#77cc55;}
.org_ico{ color:#fa9438; }
.red_ico{color:#928f06;}
.dred_ico{color:#ff8877;}
.cmb_col ul > li span[title="Green"], .cmb_col button[title="Green"] > span:first-child, .cmb_collbl span[title="Green"]{background-color:#77cc55; display:block !important; color:#77cc55;}
.cmb_col ul > li span[title="Amber"], .cmb_col button[title="Amber"] > span:first-child, .cmb_collbl span[title="Amber"]{background-color:#fa9438; display:block !important; color:#fa9438;}
.cmb_col ul > li span[title="Red"], .cmb_col button[title="Red"] > span:first-child, .cmb_collbl span[title="Red"]{background-color:#ff0000; display:block !important; color:#ff0000;}


.ld_cal_lsthed th{color:#00adef; font-weight:normal; font-size:20px; text-align:center;}
.ld_cal_lstemt {width:0px !important; padding:0px !important; height:0px !important;}
.ld_cal_lstemt td > div{ background-color:transparent !important;}
.ld_cal_lstday{}
.ld_cal_lstwek{}
.ld_cal_lstday_cur > div{ background-color:#00adef !important; color: #fff; width:36px; height:36px; border-radius:4px; position:relative; display:inline-block;}
.ld_cal_lstday_cur > div > h1{ line-height: 36px; color:#fff;}


.ld_callst{float:left; width:47.5%; padding-left:2%; margin-top:10px;}
.ld_calleg{ text-align:right; font-size:12px; line-height:18px; }

.ld_callsthed{color:#00adef; font-weight:normal; font-size:20px; text-align:center; border-bottom:1px solid #eee; padding-bottom:5px;}
.ld_callstgrd > table > tbody > tr > td > table { border-collapse:separate; border-spacing:0px;}
.ld_callstgrd > table > tbody > tr > td > table > tbody > tr > th:first-child{border-left:1px dashed #ccc;}
.ld_callstgrd > table > tbody > tr > td > table > tbody > tr > th:last-child{border-right:1px dashed #ccc;}
.ld_callstgrd th{font-weight:bold; background-color:#eff8ff; padding:2%; text-align:left; color:#666; font-size:14px; line-height:18px; border:dashed #ccc; border-width:1px 0px 1px 0px;}
.ld_callstgrd td td:first-child{text-align:left;}
.ld_callstgrd td td{font-weight:normal; padding:1% 2%; text-align:center; vertical-align:middle; line-height:24px; font-size:20px; border-bottom:1px dotted #ccc;}
.ld_callstgrd .nam {font-weight:bold; color:#00adef; font-size:13px; }
.ld_callstgrd a{color:#00adef; font-size:13px;}
.ld_callstgrd i{font-size:14px;}
.ld_callstgrd .grd_pag{display:none;}
.ld_callstlnk{color:#666; font-weight:normal; font-size:12px; text-align:center;}
.ld_callstlnk i{font-size:8px;}
.ld_callstlnk .nortxt{float:left; padding:5px 2%; }
.ld_callstlnk .crnt{border-radius:4px; border:1px solid #ccc; padding:5px 2%; float:left; background:#fff; }
.grd_cal{ height:210px; overflow-x:hidden; overflow-y:auto;}
.grd_cal table, .grd_table > table{table-layout:fixed;}
.grd_cal td td{position:relative;}
.grd_cal td td::after{ position:absolute; content:"\f054"; top:10px; right:10px; color:#00adef;}
.grd_cal .grd_bdr{border-bottom:1px dotted #ccc; padding:5px 0px; font-size:12px;}
.grd_cal .grd_bdr i{padding-right:2px;}
.grd_cal .grd_tit{color:#00adef; font-weight:bold; font-size:14px;}

.dat_lst{ padding:8px 0px; text-align:center;}
.dat_lst > div:first-child{ display:inline-block; position:relative; padding:10px; border-radius:4px; background:#555; border:1px solid #585858; color:#fff; margin-bottom:5px;}
.dat_lst > div:first-child span{background:#333; z-index:3333; position:absolute; top:50%; left:0px; width:100%; height:1px; display:block; -webkit-box-shadow:0 1px 1px rgba(254,254,254, 0.5);box-shadow:0 1px 1px rgba(254,254,254, 0.5); }
.dat_lst_col {}
.dat_lst_col > div:first-child{ color:#666; font-size:36px; font-weight:bold; background:#fff; border:1px solid #ccc; text-align:center; width:60px; height:50px; line-height:30px;}
.dat_lst_col > div:first-child span{background:#ccc;}
.dat_lst_ifn{ padding:10px; line-height:50px; font-size:36px;}
.dat_lst_txt{ padding:10px; line-height:50px; font-size:24px;}
.dtr_hom .dat_lst_col > div:first-child{ font-size:18px; width:40px; height:40px; line-height:18px; margin-bottom:0px;}
.dtr_hom  .dat_lst_ifn{ padding:5px; line-height:30px; font-size:24px;}
.dtr_hom  .dat_lst_txt{ padding:10px; line-height:30px; font-size:14px;}
.ld_bdy{ }
.ld_marg > div{ text-align:center !important; margin:0px auto;}
.ld_cont{ background:#fff; padding:5px; font-size:12px;}
.ld_cont > div{float:left; width:32%; padding-right:2%; text-align:center; }
.ld_cont > div:nth-child(3){ padding-right:0%;}

.ld_leg{ position:absolute; top:10px; right:10px; font-size:12px;}
.ld_leg i:first-child{color:#445f8a;}
.ld_leg i{padding-left:10px;}

.slid_lst{ background-color:#7fd0ef; padding:15px; }
.slid_lst .slid_lft{ width:10%; text-align:center; float:left;}
.slid_lst .slid_mid{width:80%; text-align:left; float:left; font-size:14px;}
.slid_lst .slid_mid > div{ float:right; color:#666; margin-left:10px; line-height:20px; padding:0px 15px; background:#c2dff5; text-align:center;}
.slid_lst .slid_mid > div:first-child{background-color:transparent; float:left; color:#fff; text-align:left;}
.slid_lst .slid_rht{width:10%; text-align:center; float:left;}

.div_alt > div:nth-child(even){background-color:#f5f8fc;}

.bed_gms{ background-color:#f5f8fc; padding:5px; font-size:12px; text-align:right;}
.pay_lst_exp{border:1px solid #00adef;}
.pay_lst_exp .bed_gms{ background-color:#00adef; color:#fff;}
.pay_lst_exp .grd_atd_anz_inr > table{background:transparent !important;}
.pay_lst_exp .grd_atd_anz_inr > table > tbody > tr > th, .pay_lst_exp .grd_atd_anz_inr > table > tbody > tr:first-child{background:transparent !important; color:#333; }
.pay_lst_exp .grd_atd_anz_inr > table > tbody > tr:first-child th{border-bottom:1px solid #eee;}
.dat_zoom{position: relative;
            -ms-zoom: 0.82;
            -moz-transform: scale(0.82);
            -moz-transform-origin: 0 0;
            -o-transform: scale(0.82);
            -o-transform-origin: 0 0;
            -webkit-transform: scale(0.82);
            -webkit-transform-origin: 0 0;}
.avl{color:#77cc55 !important; font-size:14px !important;}
.ful{color:#ff8877 !important; font-size:14px !important;}
.btn_cir{ background-color:transparent; border-radius:24px; display: inline-block; width:36px; height:36px; font-size:14px; line-height:36px; border:2px solid #fff; text-align:center; color:#fff; cursor:pointer; margin-left:5px; }
.btn_cir:hover{background-color:#fff; color:#00adef;}
/* Hierarchy */
.hir_lft{ width:26%; float:left; margin-right:2%; background:#f8f8f8; padding:10px 2%;}
.hir_lft .src_hed .inp{ width:100px;}
.hir_lft .nam{width:90%;}
.hir_rht{ width:68%; float:left;}

/* Hexagon */
.dtr_hex .wed2_2{width:15%!important;}
.dtr_hex .mag_r{    margin-right: 2% !important;}
.hexagon { width: 112px; height: 70px; background: red; position: relative; margin:30px auto; color:#fff; text-align:center;}
.hexagon:before { content: ""; position: absolute; top: -28px; left: 0; width: 0; height: 0; border-left: 56px solid transparent; border-right: 56px solid transparent; border-bottom: 28px solid red;}
.hexagon:after { content: ""; position: absolute; bottom: -28px; left: 0; width: 0; height: 0; border-left: 56px solid transparent; border-right: 56px solid transparent; border-top: 28px solid red;}
.hexagon .tim_txt{ padding-top:15px; text-align:center; font-size:24px;}	
.hex_grn { background:#66cc66;} .hex_grn:before{border-bottom-color:#66cc66;} .hex_grn:after{border-top-color:#66cc66;}
.hex_bow { background:#f5a15a;} .hex_bow:before{border-bottom-color:#f5a15a;} .hex_bow:after{border-top-color:#f5a15a;}
.hex_org { background:#fa9438;} .hex_org:before{border-bottom-color:#fa9438;} .hex_org:after{border-top-color:#fa9438;}
.hex_Sblu { background:#3598db;} .hex_Sblu:before{border-bottom-color:#3598db;} .hex_Sblu:after{border-top-color:#3598db;}
.hex_blu { background:#3598db;} .hex_blu:before{border-bottom-color:#3598db;} .hex_blu:after{border-top-color:#3598db;}
.hex_dblu{ background:#345e9e;} .hex_dblu:before{border-bottom-color:#345e9e;} .hex_dblu:after{border-top-color:#345e9e;}
.hex_red{ background:#ff8877;} .hex_red:before{border-bottom-color:#ff8877;} .hex_red:after{border-top-color:#ff8877;}
.hex_crn{ background:#00ac9c;} .hex_crn:before{border-bottom-color:#00ac9c;} .hex_crn:after{border-top-color:#00ac9c;}
.hex_gry{ background:#999;} .hex_gry:before{border-bottom-color:#999;} .hex_gry:after{border-top-color:#999;}
.hex_crn > div:before, .hex_blu > div:before{position:absolute; width:100%; height:2px; background:#fff; content:""; left:0px; top:50%;}
.hex_crn .tim_txt, .hex_blu .tim_txt{padding-top: 0px;}
.hex_crn .tim_txt > div:first-child, .hex_blu .tim_txt > div:first-child{position:absolute; top:-2px; width:100%; line-height:14px; z-index:1;}
.hex_crn .tim_txt > div:nth-child(2), .hex_blu .tim_txt > div:nth-child(2){position:absolute; bottom:-10px; width:100%; line-height:14px; z-index:1;}
.node {cursor: pointer; }
.overlay{background:#fff; }
.node circle {fill: #fff; stroke: steelblue; stroke-width: 4px 1px 2px 1px; }
.node text {font-size: 11px; }
.noderect {stroke: #eee; stroke-width: 1px; }
.nodehed { text-align:left; fill: #00adef; font-size:14px !important; font-weight:normal; }
.nodecol1{font-size:14px !important; fill: #fff;}
.nodecol2 {font-size:12px !important; fill: #fff;}

.link { fill: none; stroke: #ccc; stroke-width: 1.5px; }

.templink { fill: none; stroke: red; stroke-width: 3px; }

.ghostCircle.show{ display:block; }

.ghostCircle, .activeDrag .ghostCircle{ display: none; }
.gen_grd .src_hed{ padding:0px !important;}

.prf_sml{ background-color:#00adef; margin:0px; display: table; width:100%; padding:0px;}
.prf_smlrow{display: table-row; border:0px; }
.prf_smlimg{display: table-cell; vertical-align:top; text-align:left; width:80px;}
.prf_smlimg .prfimg{ background:#fff; padding:0px; width:80px; height:80px; position:relative; cursor:pointer; color:#ccc; font-size:30px; text-align:center; line-height:80px;}
.prf_smlimg .prfimg img{width:80px; height:80px; border:0px; z-index:1111; position:absolute; left:0px;}
.prf_smltxt{display: table-cell; vertical-align:top; text-align:left; padding:5px 10px 0px 5px; color:#fff; font-size:14px; position:relative; width:96%;}

/*profile header*/
.prf{ margin:15px 0px 0px 0px; width:100%; padding:0px; }
.prfrow{border:0px; }
.prfcolimg{float:left; vertical-align:top; text-align:left; width:14%; min-width:150px; background-color:#039be5;}
.prfcoltxt{ background-color:#039be5; float:left; vertical-align:top; text-align:left; height:150px; padding:5px 1% 0px 1%; font-size:14px; position:relative; width:82% !important;}
.prflst{float:left; width:33%; padding-right:2%; }
.prftile{float:left; width:56%;}
.prftile > div {padding:0% 2%; color:#fff; float:left; text-align:center; font-size:14px; position:relative;}
.prftile > div > b{display:block; font-weight:normal; font-size:12px;}
.prftile > div.child1{ background:#03a9f4;}/* width:30%; margin:0px 2%;*/
.prftile > div.child2{ background:#29b6f6; }/*height:90px; margin-right:2%;*/
.prftile > div.child3{ background:#4fc3f7;}
.prftile > div.child4{ background:#81d4fa;}/*margin-top:2%;*/
.prftile > div.child_hig1{height:150px;}
.prftile > div.child_hig2{height:100px;}
.prftile > div.child_hig3{height:50px;}
.prftile > div.child_pos1 > span{position:absolute; font-size:24px; top:50%; width:100%; left:0px; text-align:center;}
.prftile > div.child_pos4 > span{position:absolute; font-size:24px; right:10px; top:15px; }
.prftile > div.child_b > b{padding-top:15px;}

.prfcoltxt .btn{ position:absolute; top:10px; right:10px;}
.prfcoltxt .btn:hover{color:#fff;}
.prfcolgrd{display: table-cell; vertical-align:top; text-align:left; padding:10px; font-size:12px; background:url(grid.png) no-repeat top right; }
.prfimg{ background-color:#fff; padding:0px; width:150px;margin:0 auto; height:150px; position:relative; cursor:pointer; color:#ccc; font-size:60px; text-align:center; line-height:150px;}
.prfimg img{width:150px; height:150px; border:0px; z-index:1111; position:absolute; left:0px;}
.prftxt{ font-weight:normal; color:#fff; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; width:200px;}
.prfcoltxt .nam{ font-size:14px; color:#fff; font-weight:bold;}
.prfcoltxt .nam a{ font-size:12px; color:#333; padding-left:10px; font-weight:normal; cursor:pointer;}
.prfcoltxt .dec { font-size: 14px; color:#fff; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; width:100%;}
.prfcoltxt .phn, .prfcoltxt .mai {font-size: 12px; color:#fff; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; width:100%;}
.comp_f > div:nth-child(2n+1){ display:none;}

.it_sumcount{border:1px solid #eee; width:100%; float:left;}
.it_sumcount > div{width:33.33%; padding:15px; float:left; text-align:center; border-right:1px solid #eee;}
.it_sumcount > div:last-child{border-right:0px;}
.it_sumcount > div > span, .it_sumcount > div > b, .it_sumcount > div > strong{display:block; padding:5px 0px;}
.it_sumcount > div > span{font-size:14px; font-weight:bold;}
.it_sumcount > div > b{font-size:24px;}
.it_sumcount > div > strong{font-size:12px; font-weight:normal;}
.it_sumfrm{ background:#fff; color:#fff; margin-top:2px; width:100%; float:left; color:#000; font-size:14px; border: 1px solid #00adef; border-left: 5px solid #00adef;}
.it_sumfrm > div{float:left; padding:10px; font-size: 14px;}
.it_sumfrm > div:first-child{width:2%;  font-weight:bold; cursor:pointer;}
.it_sumfrm > div:nth-child(2){width:78%;  font-weight:bold;}
.it_sumfrm > div:nth-child(3){width:20%; text-align:right; background:#00adef; color:#fff;}
.it_sumfrm.nortxt > div:first-child{width:4%;  font-weight:bold; cursor:pointer;}
.it_sumfrm.nortxt > div:nth-child(2){width:76%;  font-weight:normal;}
.it_sumfrm_rec{border:1px solid #00adef; border-top:0px; padding:10px; background:#f8f8f8; text-align:left; font-size:13px;     width: 100%;    float: left;}
.it_sumfrm_rec table { border-collapse:separate; border-spacing:1px; background:#ccc; width:100%;}
.it_sumfrm_rec thead th{background:#ddf6ff; color: #333; padding:5px; font-size:13px; font-weight:bold; text-align:left;}
.it_sumfrm_rec tbody td{background: #fff;font-size:12px; font-weight:normal; vertical-align:top; text-align:left; padding:5px;}
.it_sumfrm_rec tbody .sum_tot td{font-weight:600;}

.tb_container{display:table;}
.tb_row{display:table-row;float:left;display:inline;width:100%;}
.tb_cell{display: inline;vertical-align: top;float: left;width: 89%;}
.newemp_crd{ background:#f8f8f8; width:100%;}
.newemp_crd .empimg{ background-color:#eee; padding:0px; width:11%;margin:0 auto; height:124px; position:relative; color:#ccc; font-size:60px; text-align:center; line-height:124px;}
.newemp_crd .empimg img{width:100%; height:124px; border:0px; z-index:1111; position:absolute; left:0px;top:0}
.newemp_crd .empnam{background:#00adef; padding:10px; color:#fff; font-size:16px; vertical-align:top;}
.newemp_crd .emptxt{font-size:13px; padding:2px 10px; color:#666; width:47.5%;}
.newemp_crd .emptxt.empbdr{border-right:1px solid #ccc;}
.newemp_crd .emptxt i{width:20px;}
.hed_lst{ color:#333;}
.hed_lst > div{ float:left; width:24.4%; text-align:center; font-size:16px; line-height:42px; margin:0.8% 0.8% 2% 0px; cursor:pointer; position:relative;}
.hed_lst > div:first-child{ background:#cfd8dc; border-bottom:3px solid #f7464a; }
.hed_lst > div:nth-child(2){ background:#cfd8dc; border-bottom:3px solid #73b748;}
.hed_lst > div:nth-child(3){ background:#cfd8dc; border-bottom:3px solid #847cc5;}
.hed_lst > div:nth-child(4){ background:#cfd8dc; border-bottom:3px solid #00a489;}
.hed_lst > div:first-child.prf_act:before{color:#f7464a;}
.hed_lst > div:nth-child(2).prf_act:before{color:#73b748;}
.hed_lst > div:nth-child(3).prf_act:before{color:#847cc5;}
.hed_lst > div:nth-child(4).prf_act:before{color:#00a489;}
.hed_lst > div.prf_act:before{ position:absolute; content:"\f0d7"; bottom:-16px; left:0px; width:100%; text-align:center; font-size:24px;}
.hed_lst > div:last-child{margin-right:0px !important;}
.hed_lst > div b{ margin-left:10px; padding:4px 10px; border-radius:5px; color:#fff;}
.hed_lst > div .c1{ background:#d0343a; }
.hed_lst > div .c2{ background:#3daf2c; }
.hed_lst > div .c3{ background:#5b5ab4; }
.hed_lst5 > div{width:19.4%; margin:0.8% 0.75% 2% 0px;}
.idp_tile{}
.idp_tile > div { float:left; width:48%; font-size:16px; margin:1%; position:relative; background:#eee; min-height:80px; cursor:pointer;}
.idp_tile > div > i{ width:30%; margin-right:2%; font-size:36px; line-height:80px; text-align:center; color:#fff; float:left;}
.idp_tile > div > div{width:68%; float:left; padding-top:15px;}
.idp_tile > div > div > b{font-size:24px; padding-top:5px; display:block;}
.idp_tile > div .co1{background:#c892f0; }.idp_tile > div .co2{background:#f8bc02; }.idp_tile > div .co3{background:#1abeef; }
.idp_lst{background:#fff; margin:15px 0px; color:#fff;}
.idp_lst > div{ float:left; width:25%; text-align:center; font-size:14px; font-weight:bold; padding:20px 10px 0px 60px; height: 60px; vertical-align: middle; margin-right:1%; cursor:pointer; position:relative; border-radius:5px;}
.idp_lst > div span{position:absolute; left:0px; top:0px; width:60px; height:100%; border-radius:4px 0px 0px 4px; line-height:60px}
.idp_lst > div.genr_idp{ background:#26ddaf;}
.idp_lst > div.comp_idp{ background:#f1ae46;}
.idp_lst > div.goal_idp{ background:#a478ff;}
.idp_lst > div.cust_idp{ background:#f27b53;}
.idp_lst > div:last-child{margin-right:0%;}
.idp_lst > div.genr_idp span{ background:#23c49b;}
.idp_lst > div.comp_idp span{ background:#dd9c38;}
.idp_lst > div.goal_idp span{ background:#845cd8;}
.idp_lst > div.cust_idp span{ background:#d46843;}
.idp_lst > div.genr_idp span i{ background:#fff; color:#23c49b;}
.idp_lst > div.comp_idp span i{ background:#fff; color:#dd9c38;}
.idp_lst > div.goal_idp span i{ background:#fff; color:#845cd8;}
.idp_lst > div.cust_idp span i{ background:#fff; color:#d46843;}
.idp_lst > h1{clear:both;}
.toz_countdown_log{font-size:11px; color:#333; padding:5px; line-height:18px; position: absolute;z-index:999999;top: 78px; text-align: center; width: 100%; font-weight: bold;}
.toz_countdown{position:fixed; z-index:999999; top:0px; left:12%; font-size:11px; background:#ff0000; color:#fff; padding:0px 5px; line-height:18px;}
/*file upload*/
.uplod{ position:absolute; width:150px; height:150px; bottom:0px; z-index:2222; left:0px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;} 
.uplod img{width:150px; height:150px;}
.uplod:hover:after{content:'Maximum file size 3mb(150X150px)'; z-index:7777; color:#ccc; position:absolute; font-weight:bold; font-size:11px; width:150px; text-align:center; top:40px; left:0px;}
.uplod[itemidfieldvalue="0"]::after{content:"Max file size 3mb(150X150px)"; font-family:"Lato"; font-size: 10px; color:#ccc; position: absolute;    bottom: -15px;    width: 100%;     right: 0px; text-align:right;}
.uplodtxt{ display:none;}
.uplodimg{width:150px; height:150px; overflow:hidden; cursor:pointer;}
.uplod input{width:150px; height:150px; z-index:6668; top:0px; position:absolute; cursor:pointer; left:0px; *font-size:60px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);-moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.uplod:before{content:'Change Image'; z-index:6666; bottom:0px; left:0px; font-weight:bold; font-size:11px; position:absolute; width:150px; text-align:center; color:#fff; background-color:#000; padding:5px 0px;}
.dsbwpt input[type="file"]::after, .dspht input[type="file"]::after{content:'Max file size 3mb'; font-family:"Lato"; z-index:4444; color:#ccc; position:absolute; font-weight:bold; font-size:10px; width:150px; text-align:right; top:12px; right:10px;}
.weg {width:100%; margin-top:10px; position:relative;}
.wegcol { width:48%; margin:0px 1%; vertical-align:top; display:inline-block;}
.wegcol .dcpglist{ min-height:40px;}
.wegcol .wegscr{max-height:360px; overflow-x:hidden; overflow-y:auto; min-height:150px;}
.weg .wegcol .dspglist { border:1px solid #eee;}/*height:420px; min-height:150px;*/

.modiby .weg > div{width:100%;}
.bod_gr .weg .wegcol{width:100% !important;}
.bod_gr .weg .flt > .dshb{margin:-15px 1% 0px -1%; background:#eee; }
.bod_gr .weg .flt_r > .dshb{margin:-5px -1% 0px 1%; background:#eee; }
.bod_gr .weg .wegcol > .dshb > .dspglist > .dsbut{margin:10px 0px !important;}
#container_comp_0 .weg > div{ width:49% !important; } 

.todo_lst{}
.todo_lst > div {width:18%; margin-right:1%; margin-bottom:1%; height:114px; position:relative; display:inline-block; cursor:pointer; overflow:hidden;}
.todo_lst > div > i{ position:absolute; left:10px; margin-top:25px; color:#fff; font-size:50px; }
.todo_lst > div > a{ position:absolute; left:10px; bottom:5px; color:#fff; font-size:14px; line-height:14px;}
.todo_lst > div > span{ position:absolute; top:45px; color:#fff; font-size:32px; width:100%; text-align:right; right:10px; }
/*.todo_lst > div:nth-child(5), .todo_lst > div:nth-child(11), .todo_lst > div:nth-child(17){ margin-right:0%;}*/
.todo_lst > div:nth-child(5n){ margin-right:0%;}
.todo_lst > div:nth-child(4), .todo_lst > div:nth-child(8), .todo_lst > div:nth-child(14), .todo_lst > div:nth-child(17){ width:24%; }
.todo_lst > div > i { transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.todo_lst > div > span { transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s;}
.todo_lst > div:hover > i{ transform:rotate(83deg); -ms-transform:rotate(83deg); -moz-transform:rotate(83deg); -webkit-transform:rotate(83deg); -o-transform:rotate(83deg); font-size: 140px; opacity: 0.2;}
.todo_lst > div:hover > span { transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); font-size: 40px; opacity: 0.6;}
.todo_lst_noani > div:hover > i{ transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); font-size: 50px; opacity: 1;}
.todo_lst_noani > div:hover > span { transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); font-size: 32px; opacity: 1;}


.todo_lst1{ background:#f27b53;}
.todo_lst2{ background:#959801;}
.todo_lst3{ background:#ffb400;}
.todo_lst4{ background:#74b749;}
.todo_lst5{ background:#de577b;}
.todo_lst6{ background:#847cc5;}
.todo_lst7{ background:#61b9ff;}
.todo_lst8{ background:#00a489;}
.todo_lst9{ background:#ab8465;}
.todo_lst10{ background:#77808a;}
.todo_lst11{ background:#f7464a;}
.todo_lst12{ background:#46bfbd;}
.todo_lst13{ background:#fdb45c;}
.todo_lst14{ background:#949fb1;}
.todo_lst15{ background:#9d4a9c;}

.todo_lst .todo_opn{  height:auto  ; max-height:auto; width:100% !important; overflow: hidden !important; cursor:default !important; background:#333;
             -webkit-transition: max-height 0.8s;
	-moz-transition: max-height 0.8s;
	transition: max-height 0.8s; /*display:inherit !important;*/}
.todo_lst .todo_opn.closed{ padding:0px; margin:0px; width:100% !important; max-height:0px; -webkit-transition: max-height 0.8s;
	-moz-transition: max-height 0.8s;
	transition: max-height 0.8s;}
.todo_opn > div{padding:0px 3%;}
.todo_opn .box_inhed{color:#fff; border-color:#fff;}
.todo_opnarw{position:absolute; top:-12px; color:#333; font-size:30px; width:100%; background:#fff; height:20px;}
.todo_opncls{position:absolute; top:15px; right:0px; color:#666; font-size:30px; cursor:pointer; width:30px; height:30px; background:url(data:image/gif;base64,R0lGODlhFAAUAJEAAE1NTf///////wAAACH5BAEHAAIALAAAAAAUABQAAAIzBISpK+YMm5Enpodw1HlCfnkKOIqU1VXk55goVb2hi7Y0q95lfG70uurNaqLgTviyyUoFADs=) no-repeat center center;}
.todo_opncls:hover{opacity:.5}
/*.todo_opn.closed > .todo_opnarw{display:none;}*/

.weg_lst{}
.weg_lst > div {width:18%; margin-right:1%; margin-bottom:1%; height:114px; position:relative; float:left; cursor:pointer; overflow:hidden;}
.weg_lst > div:nth-child(5n){ margin-right:0%;}
.weg_lst > div:nth-child(4){ width:24%; }
.weg_lst > div:nth-child(7){ width:24%; }
.weg_lst > div:nth-child(14){ width:24%; }
.weg_lst > div .fi{ font-size:66px; line-height:0px;}

.weg_idp{ padding:10px;}
.weg_idp > div {width:32% !important; margin-right:2% !important;}
.weg_idp > div:nth-last-child(-n+2){ margin-right:0% !important;}

.weg_1{ background:#f27b53;}
.weg_2{ background:#959801;}
.weg_3{ background:#ffb400;}
.weg_4{ background:#74b749;}
.weg_5{ background:#de577b;}
.weg_6{ background:#847cc5;}
.weg_7{ background:#61b9ff;}
.weg_8{ background:#00a489;}
.weg_9{ background:#ab8465;}
.weg_10{ background:#77808a;}
.weg_11{ background:#f7464a;}
.weg_12{ background:#46bfbd;}
.weg_13{ background:#fdb45c;}
.weg_14{ background:#949fb1;}
.weg_15{ background:#9d4a9c;}


.weg_1 b, .weg_2 b, .weg_3 b, .weg_4 b, .weg_5 b, .weg_6 b, .weg_7 b, .weg_8 b, .weg_9 b, .weg_10 b, .weg_11 b, .weg_12 b, .weg_13 b, .weg_14 b, .weg_15 b{ position:absolute; left:10px; margin-top:25px; color:#fff; font-size:50px; }
.weg_1 a, .weg_2 a, .weg_3 a, .weg_4 a, .weg_5 a, .weg_6 a, .weg_7 a, .weg_8 a, .weg_9 a, .weg_10 a, .weg_11 a, .weg_12 a, .weg_13 a, .weg_14 a, .weg_15 a{ position:absolute; left:10px; bottom:5px; color:#fff; font-size:14px; line-height:14px;}
.weg_1 span, .weg_2 span, .weg_3 span, .weg_4 span, .weg_5 span, .weg_6 span, .weg_7 span, .weg_8 span, .weg_9 span, .weg_10 span, .weg_11 span, .weg_12 span, .weg_13 span, .weg_14 span, .weg_15 span{ position:absolute; top:45px; color:#fff; font-size:32px; width:100%; text-align:right; right:10px; }

.weg_lst > div b i { transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
.weg_lst > div span { transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s;}
.weg_lst > div:hover b i{ transform:rotate(83deg); -ms-transform:rotate(83deg); -moz-transform:rotate(83deg); -webkit-transform:rotate(83deg); -o-transform:rotate(83deg); font-size: 140px; opacity: 0.2;}
.weg_lst > div:hover span { transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); font-size: 40px; opacity: 0.6;}

.in_ico{ font-size:24px !important; color:#eee; top:20px; left:38px; position:absolute;}
.in_ico2{ font-size:24px !important; color:#eee; top:20px; left:22px; position:absolute;}

.lms_weg1{ background:#01abaa; color:#fff; padding:15px 2%; width:48%; height:360px;}
.lms_weg1 .box_inhed{color:#fff; border-color:#fff;}
.lms_weg1 .norecords{color:#fff;}
.lms_tab{ background:#008080; padding:2px; text-align:center; font-size:14px; font-weight:normal; cursor:pointer; }
.lms_tab .lms_act{ background:#fff; color:#008080; padding:3px 8px;}
.lms_tab .lms_nor{padding:3px 7px;}

.lms_weg2{ background:#eee; color:#fff; padding:15px 2%; width:34%; height:350px;}
.lms_weg2 .lms_tab{background:#999; color:#fff;}
.lms_weg2 .lms_tab .lms_act{ color:#666;}
.lms_weg3{ background:#8fb3e3; color:#fff; padding:15px 2%; width:56%;}
.lms_weg3 .box_inhed{color:#fff; border-color:#fff;}
.lms_weg3 .lms_tab{background:#75a2dd;}
.lms_weg3 .lms_tab .lms_act{ color:#75a2dd;}
.lms_weg3 .lms_col1{ width:54%; padding-right:2%;}
.lms_weg3 .lms_col2{ width:44%; margin:0 0 0 2%; background:#75a2dd; padding:15px 2%; height:320px;}
.lms_weg3 .ld_cla{ float:inherit; width:100%; border:0px;}
.lms_weg3 .ld_cal_lsthed {padding-bottom:20px;}
.lms_weg3 .ld_cal_lsthed th{ color:#fff; font-weight:bold;}
.lms_weg3 .cal_tit { text-transform:uppercase;}
.lms_weg3 .ld_cal_lst td{ width:30px; height:30px;}
.lms_weg3 .ld_cal_lstday > div{ border-radius:50%; background-color:transparent; width:30px; height:30px; cursor:pointer;}
.lms_weg3 .ld_cal_lstday > div h1, .lms_weg3 .ld_cal_lstday_cur > div h1{line-height:30px;}
.lms_weg3 .ld_cal_lstday_cur > div { border-radius:50%; background-color:#75a2dd !important; border:2px solid #75a2dd; width:30px; height:30px; cursor:pointer;}
.lms_weg3 .ld_cal_lstday .cal_lstprg, .lms_weg3 .ld_cal_lstday_cur .cal_lstprg{left:-2px; top:-2px; width:30px;}
.lms_weg3 .cal_lstprg .red_ico, .lms_weg3 .cal_lstprg .yel_ico{ width:32px; height:32px; border-radius:50%; background-color:transparent; border:2px solid #fff;}
.lms_weg3 .ld_cal_lstday .fa-circle:before, .lms_weg3 .ld_cal_lstday_cur .fa-circle:before{ content:" " !important;}
.lms_weg3 .yel_ico{ border-color:#f0cc44 !important;}
.lms_weg3 .cal_lstprg i:nth-child(2){width:26px !important; height:26px !important; position:absolute; left:3px; top:3px; }
.lms_weg3 .cal_lstprg i{padding:0px;}
.lms_weg3 .lms_col2 .ld_callsthed{ text-align:left; font-size:24px; color:#fff; font-weight:bold; padding-bottom:8px;}
.lms_weg3 .lms_col2 .hol_lst{font-size:14px; color:#fff; font-weight:bold; padding-bottom:10px;}
.lms_weg3 .lms_col2 .hol_lst ul li:before{content:"\f111"; font-size:10px;padding-right:5px; }
.lms_weg3 .lms_col2 .hol_lst ul li{ padding-bottom:5px;}
.lms_weg3 .lms_col2 .holemp_lst{font-size:14px; color:#fff; background:#fff; border-radius:5px;}
.lms_weg3 .lms_col2 .holemp_lst .src_hed{padding:0px;}
.lms_weg3 .lms_col2 .holemp_lst .rtpimg, .lms_weg3 .lms_col2 .holemp_lst .rtpimg img{ border-radius:50px;}
.lms_weg3 .lms_col2 .holemp_lst .divempty10{height:0px;}
.lms_weg3 .lms_col2 .holemp_lst .tile > div{padding:10px; border-bottom:1px solid #eee !important; }
.lms_weg3 .lms_col2 .holemp_lst .tile > div:last-child, .lms_weg3 .lms_col2 .holemp_lst .grd_pag{border:0px !important;}
.lms_weg3 .lms_col2 .holemp_lst .grd_pag.light-theme a, .lms_weg3 .lms_col2 .holemp_lst .grd_pag.light-theme span, .lms_weg3 .lms_col2 .holemp_lst .grd_pag.light-theme div{font-size: 12px; line-height: 18px; min-width: 10px; padding: 0 4px; box-shadow:0px 0px 0px;  margin-top: 2px;}
.lms_weg3 .lms_col2 .holemp_lst .grd_pag.light-theme div{ color:#fff;}
.lms_weg3 .lms_col2 .grd_pag{ text-align: center; padding-bottom:5px;}
.lms_weg3 .lms_col2 .grd_pag input{ background-color:transparent; border:0px; margin:0px;}
.lms_weg3 .DPTopHeader{color:#666 !important;}
.lms_weg4{ background:#eee; width:22%; padding:10px 2%; cursor:pointer; min-height:100px; position:relative;}
.lms_weg4 .lev_ico, .lms_weg4 .lev_hed{ color:#666;}
.lev_txt, .lev_icotxt{ font-size:16px; color:#fff; font-weight:bold;}
.lev_icotxt{display:block; padding:5px 0px;}

.lms_weg5{ background:#008080; width:22%; padding:10px 2%; margin-bottom:15px; height:40px; cursor:pointer; position:relative;}
.lms_weg5 .lev_ico, .lms_weg5 .lev_hed{ color:#fff;}
.lev_lbl{ text-align:center; font-size:48px; position:absolute; font-weight:bold; top:40%; left:0px; width:100%; color:#fff; }
.lev_ico{ text-align:right; font-size:24px; position:absolute; top:10px; right:10px; color:#fff; }
.lev_hed{ text-align:left; font-size:14px; color:#fff; padding:15px 0px 0px 0px; font-weight:bold; text-transform:capitalize; position:absolute; bottom:10px; left:10px;}

.lms_weg11{ background:#eee; width:22%; padding:10px 2%; cursor:pointer; height:45px; position:relative;}
.lms_weg11 .lev_ico, .lms_weg11 .lev_hed{ color:#666;}
.lms_weg12{ background:#eee; color:#fff; padding:15px 2%; width:30%; }
.lms_weg13{ background:#eee; color:#fff; padding:15px 2%; width:50%; margin-right:2%; }

.lms_weg6{ background:#94d4d4; width:100%; padding:10px 2%; max-height:320px; float:left;}
.lms_weg6 .box_inhed{color:#fff; border-color:#fff;}

.lms_weg7, .lms_weg8, .lms_weg9, .lms_weg10, .lms_weg14, .lms_weg15, .lms_weg16, .lms_weg17, .lms_weg18 { width:17%; padding:10px 2%; height:140px; cursor:pointer; position:relative; margin-bottom:20px; }

.lms_weg7{ background:#6d8dbe; margin-right:2%;}
.lms_weg8{ background:#00cccb;}
.lms_weg9{ background:#65c3df; margin-right:2%; margin-bottom:0px; }
.lms_weg10{ background:#a9d96c; margin-bottom:0px; }
.lms_weg14{ background:#ffb400; width:12%; height:80px;}
.lms_weg15{ background:#ab8465; width:12%; height:80px;}
.lms_weg16{ background:#847cc5; width:12%; height:80px;}
.lms_weg17{ background:#74b749; width:12%; height:80px;}
.lms_weg18{ background:#61b9ff; width:30%; height:50px; margin-bottom:0px; }

.lms_rpt{}
.lms_rpt > div {width:31.33%; padding:0; margin-right:2%; margin-bottom:2%; height:280px; position:relative; float:left; cursor:pointer; border:1px dotted #ccc; background:#f8f8f8;}
.lms_rpt > div:nth-child(3n){margin-right:0%;}

.lms_rpt_ico1{background:url(rpt1.jpg) 0 0 / cover no-repeat; height:200px;}
.lms_rpt_ico2{background:url(rpt2.jpg) 0 0 / cover no-repeat; height:200px;}
.lms_rpt_ico3{background:url(rpt3.jpg) 0 0 / cover no-repeat; height:200px;}
.lms_rpt_ico4{background:url(rpt4.jpg) 0 0 / cover no-repeat; height:200px;}
.lms_rpt_ico5 {background: url('Consolidated.jpg') 0 0 / cover no-repeat;height: 200px;}
.lms_rpt_ico6{background:url('Irregularities.jpg') 0 0 / cover no-repeat; height:200px;}
.lms_rpt_ico7{background:url(Monthly-Attendance.jpg) 0 0 / cover no-repeat; height:200px;}
.lms_rpt_ico8{background:url(Work-Engagement.jpg) 0 0 / cover no-repeat; height:200px;}

.lev_rpt_hed{ text-align:left; font-size:20px; color:#fff; padding:15px 2% 5px 4%; font-weight:normal; color:#333;}
.lev_rpt_txt{ text-align:left; font-size:12px; color:#fff; padding:0px 2% 0px 4%; font-weight:normal; color:#333;}

.lms_grd{padding:0px; font-size:14px;}

.lms_grd table,.lms_grd table > tbody > tr > td > table > tbody > tr > td{float:left; width:100%;}
.lms_grd .src_hed{padding:0px !important;}
.lms_grd table > tbody > tr > td > table{border-collapse: separate; border-spacing: 0 0.3em;}
.lms_grd table > tbody > tr > td > table > tbody > tr > td{padding:5px 0px; vertical-align:middle; line-height:18px; float:left; display:inline;}
.lms_lin {background:#00adef; width:4px; height:65px; top:-5px; left:0px; position:absolute;}
.lms_grd td tr{background:#fff; color:#666; }
.lms_grd td tr .prfimg{background:#eee; }
.lms_grd .dat_txt{ font-size:20px; padding:8px 0px 3px 0px; overflow: hidden;text-overflow: ellipsis;}
.lms_grd .prfimg, .lms_grd .prfimg img{ width:54px; height:54px; line-height:54px; border-radius:50%; font-size:20px;}
.lms_grd .nam_lst{width:60%; float:left; padding-top:0px; margin-left:5px;}
.lms_grd .lev_rk{ margin-top:8px; border:1px solid #fff; color:#fff; border-radius:4px; background:#999; padding:2px 5px; word-wrap:break-word;}
.lms_grd .mg{ margin-top:8px;border-radius:0;}
.lms_grd .nam{width:100%; font-weight:bold;}
.lms_grd .txt_wid{width:100%;}
.lms_grd .grd_pag{ margin-top:5px; text-align: center; padding-bottom:5px; border-color:#fff;}
.lms_grd .grd_pag span{color:#fff;}
.lms_grd .grd_pag input{ background-color:transparent; border:0px; margin:0px;}
.clm_grd{color:#666;}
.clm_grd .grd_pag span{color:#666;}
.lms_comoff_lst{ }
.lms_comoff_lst_tile{border-right:1px solid #eee; font-size:13px; font-weight:bold; text-align:center;}
.lms_comoff_lst_tile > div:first-child{color:#666; padding-top:5px;}
.lms_comoff_lst_tile > div:nth-child(2){color:#999; padding-top:5px;}
.lms_comoff_lst_tilecol1{background:#ebf7fc; border-left:3px solid #92cddc; font-size:13px; font-weight:bold; padding:10px;}
.lms_comoff_lst_tilecol2{background:#ebf7fc; border-left:3px solid #00adef; font-size:13px; font-weight:bold; padding:10px;}
.lms_comoff_lst_tilecol2 > div:nth-child(2){font-size:18px;}
.lms_flt {}
.lms_flt .box_cont{width:100%;}
.lms_flt .box_cont, .lms_flt .box_cont .stt_row, .lms_flt .box_cont .dsbut{ padding:0px; border:0px; background:transparent;}
.lms_flt .stt_lft{ width:12%; margin-bottom:18px;}
.lms_flt .stt_rht{ width:30%; margin-bottom:18px;}
.lms_flt .stt_rht .inp input { padding:10px 2% !important; margin:2px 0px;}
.lms_flt .stt_rht .wed1{padding-left:0px !important;}
 
.lms_flt .box_cont .stt_row .col_clr { clear:none;}
.rpt_flt .stt_row{width:50%;float:left;}
.rpt_flt .stt_lft{ width:30% !important;}
.rpt_flt .stt_rht{ width:42% !important;}

.rTable { display: table; width:100%;}
.rTableRow { display: table-row; width:100%;}
.rTableCell { display: table-cell; vertical-align:middle;}
.lev_wrk_flw{}
.lev_wrk_flw .tie_rpt > div{width:32%; margin-right:2%;}
.lev_wrk_flw .tie_rpt > div:nth-child(3){margin-right:0;}
.lev_wrk_flw .tie_rpt > div{min-height:46px;}
.lev_wrk_flw .lev_step{color:#fff; text-align:right; padding:10px; position:relative; font-weight:bold; height:72px; font-size: 18px;}
.lev_wrk_flw .lev_step.gry{background:#666;}
.lev_wrk_flw .lev_step_text{padding-left:46px; font-weight:bold; font-size:14px; }
/*.lev_wrk_flw .lev_step:after{content: "\f0da"; color:#000; position:absolute; right:-5px; top:0px; font-size:72px;}*/
.lev_wrk_flw .lev_step:after{position:absolute; right:-36px; top:0px; content:"";  border-top: 36px solid transparent;  border-bottom: 36px solid transparent;  border-left: 36px solid #666;}
.lev_wrk_flw .lev_step.yel:after{border-left-color:#f5a15a;}
.lev_wrk_flw .lev_step.red:after{border-left-color:#ff8877;}
.lev_wrk_flw .lev_step.vol:after{border-left-color:#3399cc;}
.lev_wrk_flw .lev_step.gry:after{border-left-color:#666;}
.lev_wrk_flw .lev_step.grn:after{border-left-color:#66cc66;}
.lew_vis_slid{position:fixed; top:0px; right:0px; padding-right:12px; background:#fff;  -webkit-box-shadow:0 3px 6px rgba(0,0,0,.50);box-shadow:0 3px 6px rgba(0,0,0,.50);  z-index: 999; width:260px; height: 100%;}
.lew_vis_slid_cont{margin-top:120px;}
.lew_vis_slid_flw{font-size: 12px;}
.lew_vis_slid_flw .rTable{table-layout:fixed;}
.lew_vis_slid_flw .emp_nam{color:#666 !important;}
.lew_vis_slid_flw .lev_step{color:#fff; text-align:right; padding:5px; position:relative; font-weight:bold; height:32px; font-size: 12px; margin:0px !important;}
.lew_vis_slid_flw .lev_step:after{position:absolute; right:-16px; top:0px; content:"";  border-top: 16px solid transparent;  border-bottom: 16px solid transparent;  border-left: 16px solid #666;}
.lew_vis_slid_flw .lev_step_text{padding-left:26px; font-weight:bold; font-size:12px; }
.lew_vis_slid_flw .lev_step_sats > span{ font-size:11px; margin: 0px;    padding: 2px;    line-height: normal;}
.lew_vis_slid_flw .tie_rpt .rtpimg{border-radius:50%;     height: 48px;    width: 48px;    line-height: 48px;}
.lew_vis_slid_flw .tie_rpt .rtpimg img{border-radius:50%;  }
.lew_vis_slid_flw .tie_rpt .nam{font-size:12px;}
.lew_vis_slid_flw .tie_rpt .dec_txt{font-size:11px;}
.lew_vis_slid_flw .tie_rpt > div{line-height:16px;}
.lew_vis_slid_flw .lev_step.gry{background:#666;}
.lew_vis_slid_flw .lev_step.yel:after{border-left-color:#f5a15a;}
.lew_vis_slid_flw .lev_step.red:after{border-left-color:#ff8877;}
.lew_vis_slid_flw .lev_step.vol:after{border-left-color:#3399cc;}
.lew_vis_slid_flw .lev_step.gry:after{border-left-color:#666;}
.lew_vis_slid_flw .lev_step.grn:after{border-left-color:#66cc66;}
.tie_yel_bdr_in{ border:1px solid #f5a15a !important; }
.tie_grn_bdr_in{border:1px solid #77cc55 !important; position: relative;    overflow: hidden;}
.tie_grn_bdr_in:before{position:absolute; top:4px; right:4px; content:"\f058"; color:#77cc55; font-size:16px;}
.tie_gry_bdr_in{ border:1px solid #666 !important; }
.tie_red_bdr_in{border:1px solid #ff8877 !important;}
.viz_lnk{transform:rotate(-90deg); -ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg); background:#00adef; color:#fff; position:fixed; top:200px; right:0px;}
.pos_lin{width:4px; height:100%; top:0px; left:0px; position:absolute; padding:0px; margin:0px; border-radius:0px;}

.clm_weg1{ background:#a5c8e5; color:#fff; padding:15px 2%; width:28%; margin-right:2%; height:300px; position:relative;}
.clm_weg1 .box_inhed{color:#fff; border-color:#fff;}
.clm_weg1 .norecords{color:#fff;}
.clm_weg1 .lms_tab{background:#76acd8;}
.clm_weg1 .lms_tab .lms_act{ color:#75a2dd;}
.clm_weg1 ul{ padding-top:10px;}
.clm_weg1 ul li{ padding:10px 0px; font-size:24px; font-weight:bold; text-align:center;}
.clm_weg1 ul li b{ font-size:16px; font-weight:normal;}
.clm_weg1 .hyp_lnk{color:#00adef; font-weight:bold; font-size:14px; text-align:right; position:relative;}
.clm_weg1 .hyp_toltip{ position:absolute; padding:10px; background:#fff; text-align:left; border:1px solid #00adef; z-index:2222; width:180px; 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);}
.clm_weg1 .hyp_toltip li{ padding:10px 0px; font-size:24px; font-weight:bold; text-align:center;}
.clm_weg1 .hyp_toltip li b{ font-size:16px; font-weight:normal;}
.clm_weg1 .txt_lnk{ bottom:15px; left:0px; margin:0px 5%; cursor:pointer; width:90%; text-align:center; padding:10px 0px; font-size:14px; background:#76acd8; font-weight:bold; position:absolute;}

.clm_weg2{ background:#aece4e; color:#fff; padding:15px 2%; width:20%; margin-right:2%; height:300px; position:relative;}
.clm_weg2 .box_inhed{color:#fff; border-color:#fff;}
.clm_weg2 .txt_val{ top:45%; left:0px; width:100%; text-align:center; font-size:48px; position:absolute; font-weight:bold;}
.clm_weg2 .txt_ico{ bottom:15px; left:15px; font-size:30px; position:absolute;}

.clm_weg3{ background:#439ada; color:#fff; padding:15px 2%; width:36%; height:300px; position:relative;}
.clm_weg3 .box_inhed{color:#fff; border-color:#fff;}
.clm_weg3 .sml_cmb{ width:30% !important;}
.clm_weg3 .lms_tab{background:#85bde7;}
.clm_weg3 .lms_tab .lms_act{ color:#85bde7;}
.clm_weg3 .norecords{color:#fff;}

.clm_weg4{ background:#eee; padding:10px 2%; width:50%; height:320px;}
.clm_weg7{ background:#eee; padding:10px 2%; width:40%; height:320px; margin-right:2%;}
#filterContainerAdvanceFilter5{display:none;}
.clm_weg5{ background:#eee; padding:10px 2%; width:54%; height:280px;}
.clm_weg5 .lms_tab{background:#999; color:#fff;}
.clm_weg5 .lms_tab .lms_act{ color:#666;}

.clm_weg6{ background:#eee; padding:10px 2%; width:44%; height:280px;}
.clm_weg8{ background:#74b749; width:30%; padding:10px 2%; height:50px; cursor:pointer; position:relative;}

.met_pnl{}
.met_pnl > div{ float:left; width:48%; height:100%; float:left; margin-right:20px; position:relative;}
.met_pnl > div:nth-child(2n){margin-right:0px;}

.dash_pnl{}
.dash_pnl > div{ float:left; width:49%; height:100%; float:left; margin-right:2%; position:relative;}
.dash_pnl > div:nth-child(2n){margin-right:0px;}
.dash_pnl .met_hed{ width:100% !important; padding:6px 2% !important; }
.dash_pnl .met_bdy{ width:100% !important; padding:0.4% !important; }
.dash_pnl .met_bdy > div{ width:100% !important; }
.homehelp_pnl .met_hed{ width:100% !important; padding:6px 1% !important; }
.homehelp_pnl .met_bdy > div { width:100% !important; padding:1% 2% !important; height:98% !important;}

.dash_pnl .met_orgcol .met_hed, .dash_pnl .met_orgcol .met_bdy{ background:#f27b53;}
.dash_pnl .met_orgcol .met_hed i{ color:#f27b53;}
.dash_pnl .met_volcol .met_hed, .dash_pnl .met_volcol .met_bdy{ background:#ffb400;}
.dash_pnl .met_volcol .met_hed i{ color:#ffb400;}
.dash_pnl .met_bdy .norecords{top:0px !important; position:inherit!important}

.tem_pnl .met_hed{ background:#665ec7;}
.tem_pnl .met_bdy{ background:#665ec7; padding:1px 2px; }
.tem_pnl .met_bdy > div {overflow-y:auto; overflow-x:hidden;} 
.tem_pnl .met_hed i{color:#665ec7;}
.tem_pnl .met_bdy .tie_lst{ width:60px; min-height:60px;margin:0 5px 0 0}
.tem_pnl .met_bdy .tie_lst .prfimg, .tem_pnl .met_bdy .tie_lst .prfimg img { width:60px; height:60px; line-height:60px; }
.tem_pnl.bookingdash .met_bdy .met_scroll{ height:216px !important;}
.tem_pnl .bdy_noscr{overflow:inherit !important;}
.tem_pnl .bdy_ato{overflow-x:hidden; overflow-y:auto; width:100%; height:258px;}
.tem_pnl .sml_inp_dp{width:100%; padding:2%; background:#fff;}
.com_pnl .met_hed{ background:#73b748;}
.com_pnl .met_bdy{ background:#73b748; padding:1px 2px;}
.com_pnl .met_hed i{color:#73b748;}

.dep_pnl .met_hed{ background:#404040;}
.dep_pnl .met_bdy{ background:#404040; padding:1px 2px;}
.dep_pnl .met_hed i{color:#404040;}

.bud_pnl .met_hed{ background:#008fbf;}
.bud_pnl .met_bdy{ background:#008fbf; padding:1px 2px;}
.bud_pnl .met_hed i{color:#008fbf;}

.cag_pnl .met_hed{ background:#f27b53; width:100%;}/*width:952px;*/
.cag_pnl .met_bdy{ background:#f27b53; padding:1px 2px; width:100% !important; height:300px !important;}/*width:978px !important;*/
.cag_pnl .met_bdy > div{ height:300px !important;}
.cag_pnl .met_hed i{color:#f27b53;}

.cas_pnl .met_hed{ background:#9d4a9c; width:100%;}/*width:952px;*/
.cas_pnl .met_bdy{ background:#9d4a9c; padding:1px 2px; width:100% !important; height:300px !important;}/* width:978px !important;*/
.cas_pnl .met_bdy > div{ height:300px !important;}
.cas_pnl .met_hed i{color:#9d4a9c;}

.cmp_pnl .met_hed{ background:#4a8bc1;}
.cmp_pnl .met_bdy{ background:#4a8bc1; padding:1px 2px;}
.cmp_pnl .met_hed i{color:#4a8bc1;}

.tna_pnl .met_hed{ background:#de567a;}
.tna_pnl .met_bdy{ background:#de567a; padding:1px 2px;}
.tna_pnl .met_hed i{color:#de567a;}
.tna_pnl .met_bdy .grd_ass{width:100% !important; padding:0px 4px; height:300px !important;}/*width:470px !important;*/
.tna_pnl .met_bdy .met_fot{ bottom:0px;}
.ovr_flo{ overflow-x:hidden; overflow-y:auto; height:220px; background:#fff; position:absolute; width:100%; top:25px; left:-40%; z-index:22222;}
.ovr_flo .src_hed{padding:0px;}
.ovr_flo table { border-collapse:collapse; }
.ovr_flo th{font-weight:bold; padding:5px; text-align:left; color:#555; }
.ovr_flo td{font-weight:normal; padding:5px; text-align:left; vertical-align:top;}

.des_pnl .met_hed{ background:#ffb400; width:100%;}/*width:952px;*/
.des_pnl .met_bdy{ background:#ffb400; padding:1px 2px; width:100% !important; height:300px !important;}/*width:978px !important;*/
.des_pnl .met_bdy > div{ height:300px !important;}
.des_pnl .met_hed i{color:#ffb400;}

.mgr_pnl .met_hed{ background:#f27b53; width:100%;}/*width:952px;*/
.mgr_pnl .met_bdy{ background:#f27b53; padding:1px 2px; width:100% !important; height:380px !important;}/*width:978px !important;*/
.mgr_pnl .met_bdy > div{ height:380px !important;}
.mgr_pnl .met_hed i{color:#f27b53;}
.mgr_pnl .met_bdy .gen_txt{margin-bottom:-4px; height:22px !important; width:968px !important;}

.met_hed{ color:#fff; padding:6px 15px; width:100%; font-size:14px; position:relative;}/*width:452px;*/
.met_inhed{ background:#00adef !important; line-height:24px; border-radius:0px !important;}
.met_inhed p{ padding:10px;}
.met_bdy{ margin-bottom:20px; width:100% !important;}/*height:320px; overflow-y:auto; width:478px !important;*/
.met_bdy > div{ background:#fff; height:340px !important; width:100% !important; position:relative;}/**/
.met_wth{width:100% !important;}/*width:982px !important;*/
.met_wth .met_bdy > div{ background:#fff; width:100% !important;}/*width:978px !important;*/
.met_bdy .norecords{ text-align:center; color:#ff0000; font-size:12px; width:99.9% !important; top:25%; position:absolute;}
.met_hed i{ font-size:20px; text-align:center; position:absolute; left:15px; bottom:-14px; z-index:2222;}
.met_hed .fi{ font-size:24px; line-height:12px;}
.met_hed b{ position:absolute; right:10px; top:5px; font-size:20px; display:none;}
.met_hed a{ position:absolute; right:0px; top:0px; padding:10px 15px; color:#00adef; font-size:24px;}
.met_fot{background:#eee !important; padding:5px 0px; height:32px !important; position:absolute; bottom:26px; width:100%; text-align:right; border-radius:0px 0px 4px 4px;}
.met_fot a { color:#00adef; padding-right:10px; font-size:14px; font-weight:normal; cursor:pointer; font-weight:bold; }
.org_col .met_bdy{padding:0px !important; border:0px !important; background:transparent !important; margin-bottom:0px !important; min-height:inherit !important; border-radius:0px !important;}

.com_lst{ padding:10px;}
.com_lsttxt{ padding:0px 10px;}
.com_lst .com_log{ background:#fff; float:left; width:100px; height:100px; margin-right:10px; border:1px solid #eee; padding:1px; -webkit-box-shadow:0 4px 4px rgba(0,0,0,2);box-shadow:0 4px 4px rgba(0,0,0,.2); }
.com_lst .com_log img{width:100px; height:100px;}
.com_lst .com_txt{ float:left; font-size:14px; width:55%;}
.com_lst .com_txt .nam{color:#00adef; width:90%; font-weight:bold;}
.com_lst .phn, .com_lst .mai {font-size: 12px; color:#666; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; width:96%;}

.temp{}
.temp .org_col { border-bottom:0px; background:#fafafa; height:200px;}
.temp > div > div:last-child{background:#00adef;}
.temp .orhed{ background:#f8f8f8 !important; color:#666 !important; padding:5px 10px !important;}
.temp .ordes { font-size:13px !important;}
.temp .orfot { text-align:left ; color:#fff;}
.temp .orfot div:first-child{ padding-left:10px;}
.temp .orfot .ico{top:5px;}
.org_lst{ }
.smp > div{height:200px !important;}
.rmp > div{height:110px !important;}
.org_col { width:31.33%; min-width:240px; float:left; border:dotted #ccc; border-width:1px 1px 3px 1px; border-bottom-color:#00adef !important; border-bottom-style:solid; margin-right:2%; margin-bottom:20px; height:366px; position:relative;}
.org_col .divempty10{height:0px;}
.orhed{ padding:10px 10px; color:#fff; background:#00adef; font-size:16px; border-bottom:1px dotted #ccc; line-height: 26px; vertical-align:top; position:relative;}

.ordes{padding:15px 10px; font-size:12px;}
.orhed span{cursor:pointer;}
.orhed span i{padding-right:5px;}
.orhed .ortxt{float:left; }
.orhed .ortxt b{ position:absolute; right:10px; top:10px;}
.orhed span .fi{ font-size:24px;}
.orhed span .fnt{font-size:20px;}
.orhed b{font-size:30px; font-weight:normal; color:#fff; float:right;}
.orhed .bcol, .tie_hed .bcol{color:#fff !important;}
.orhed .btn, .tie_hed .btn{border-color:#fff !important;}
.orhed .bcol:hover, .tie_hed .bcol:hover{color:#fff !important;}
.orhed .btn:hover, .tie_hed .btn:hover{border-color:#fff !important; background-color:#fff !important; color:#00adef !important;}
.orfot{background:#f8f8f8; padding:5px 0px; height:32px; position:absolute; bottom:0px; width:100%; text-align:right;}
.orfot a { color:#00adef; padding-right:10px; font-size:14px; font-weight:normal; cursor:pointer; font-weight:bold; }
.orfot .orbut{float:right; background-color:transparent; border-radius:14px; width:22px; height:22px; border:2px solid #777; margin-top:0px; text-align:right; position:relative;}
.orfot .orbut i{ position:absolute; font-weight:normal; padding:3px; cursor:pointer; top:0px; right:1px; color:#777;}
.orfot .orbut:hover, .orfot .orbut i:hover{color:#00adef; border-color:#00adef;}
.org_hed{ font-size:16px; margin-top:-10px; margin-bottom:10px; color:#999;}
.org_col .src_hed{margin:0px;}
.org_col .grd_cr {padding:0px; width:100%;}
.org_col .grd_cr > div{position:relative; color:#00adef; font-size:14px; padding:15px 30px 15px 10px; }
.org_col .grd_cr > div span{overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; width:75%;}
.org_col .grd_cr > div img{ width:30px; height:30px; padding-right:5px; margin:-5px 0px -10px 0px;}
.org_col .grd_cr > div input[type='checkbox']{margin-right:5px;}
.org_col .grd_cr > div:hover{color:#00adef; background:#f5f8fc;}
.org_col .grd_cr > div:after{ content:"›"; right:10px; position:absolute; font-size:30px; color:#00adef; top:10px;}
.org_col .grd_cr .no_rec:after{display:none;}
.org_col .grd_cr > div:hover:after { color: #00adef; }
.org_col .grd_cr > div:last-child{border:0px;}
.org_img{ width:892px; height:408px; background:url(org_img.jpg) no-repeat top right;}
.org_aro .grd_cr > div:after{ display:none !important;}

.rol_col .grd_cr {padding:0px; margin-top:10px; }
.rol_col .grd_cr > div{position:relative; color:#999; font-size:14px; padding:0px; height:50px; margin-right:2%; margin-bottom:10px; width:23%; float:left; border-bottom:0px; }
.rol_col .grd_cr > div span{ line-height:50px;}
.rol_col .grd_cr > div b{position:relative; background:#f8f8f8; margin-right:5px; text-align:center; line-height:50px; width:50px; height:50px; font-size:18px; color:#999;}
.rol_col .grd_cr > div b img{ width:50px; height:50px; position:absolute; z-index:1; top:0px; left:0px;}
.rol_col .grd_cr > div:hover{ background-color:#00adef; cursor:inherit; color:#fff;}
.rol_col .grd_cr > div .rme { display: none; }
.rol_col .grd_cr > div:hover .rme{ position:absolute; top:2px; right:3px; font-size:14px; cursor:pointer; display:block;}

.gen_hed{font-size:14px; font-weight:bold; color:#666; padding:5px 0px;}
.gen_tit{font-size:14px; font-weight:bold; color:#666; padding:5px;}
.gen_txt{font-size:12px; font-weight:normal; color:#666; padding:5px;}
.gen_big{font-size:14px; font-weight:normal; color:#666; padding:0px 5px;}
.gen_sml{font-size:11px !important; font-weight:normal;}
.sml_txt{font-size:12px !important; font-weight:normal;}
.gen_tittxt{font-size:18px; font-weight:bold; color:#666; padding:5px;}
.gen_hedtxt{font-size:18px; font-weight:bold; color:#00adef; padding:5px;}
.gen_cmbtxt{font-size:14px; font-weight:bold; color:#00adef; padding:5px; float:left;}
.gen_cmb { float:left; }
.gen_cmb > .cmblst { width:auto; display:inline-block; border:0px; min-width:0px;}
.gen_cmb > .cmblst > .cmbtxt{ width:auto; min-width:0px;}
.gen_cmb > .cmblst > .cmbarw{ line-height:30px; color:#00adef; font-size:14px;}
.gen_cmb > .cmblst > .cmblist{right:0px;}
.min_hig{min-height:1px;}

.icon_withbg {width: 62px; text-align: center; height: 62px; vertical-align: middle; font-size: 24px; color: #999; background: #eee; line-height: 62px; float:left;}
.icon_withoutbg {width: 62px; text-align: center; height: 62px; vertical-align: middle; font-size: 24px; color: #999; line-height: 62px; float:left;}

.nam_tit{font-size:14px; font-weight:bold; color:#00adef; }
.nam_txt{font-size:12px; color:#666; font-weight:bold; line-height:16px;}
.nam_txt b{color:#999; font-weight:normal;}

.gen_cmb > .cmbflt { width:auto; display:inline-block; border:0px; min-width:0px;}
.gen_cmb > .cmbflt > .cmbflttxt{ width:auto; min-width:0px;}
.gen_cmb > .cmbflt > .cmbfltarw{ line-height:30px; color:#00adef; border:0px; font-size:14px;}
.gen_cmb > .cmbflt > ul{right:0px; width:auto;}

.ani{ transition: all 0.5s ease-in-out; }

.cmb_nosrc .bs-searchbox{display:none;}
.cmb_trans .dropdown-toggle{ border:0px !important; background-color:transparent; width:auto !important; font-size:20px !important; line-height:24px !important; padding: 0px 1.5% !important;}
.cmb_trans .bootstrap-select .btn{color:#fff !important; font-weight:bold;}
.cmb_trans .dropdown-toggle .caret{right:-15px !important; border-width:8px 6px 0px 6px !important;}

.cmb_trans .btn{border:0px !important;}
.cmb_trans .btn-default:hover, .cmb_trans .btn-default:focus, .cmb_trans .btn-default.focus, .cmb_trans .btn-default:active, .cmb_trans .btn-default.active, .cmb_trans .open > .dropdown-toggle.btn-default{border:0px !important; background-color:transparent; box-shadow: 0 0 0;}
.cmb_trans .btn-group > .open{min-width:240px !important;}
.cmb_trans .open ul{border-radius:0px !important; width:200px !important; padding:0px !important;}
.cmb_trans .open ul li{ display:inline-block; padding:5px 3%; width:33.33%; text-align:center;}
.cmb_trans .btn-group > .dropdown-menu{left:-45% !important; margin-top:10px !important;}

.gen_lft, .gen_lft1, .gen_lft2{ float:left; line-height:32px; font-size:12px; font-weight:bold; vertical-align:middle; text-align:left; padding: 0px 1% 0px 0px; color:#666;}
.gen_lft{width:10%; }
.gen_lft1{width:16%;}
.gen_lft2{width:30%;}

.gen_rht, .gen_hrht, .gen_grht {float:left; padding: 0px 1%; font-size:12px; line-height:32px; vertical-align:middle; text-align:left; position:relative;}
.gen_rht { width:78%;}
.gen_hrht {width:65%;}
.gen_grht {width:50%;}

.gen_ico{ float:left; width:1%; line-height:32px; font-size:16px; padding: 0px 1% 0px 0px;}

.gen_grht .cmblst{ width:40%; float:left;}
.gen_rht a{ cursor:pointer; color:#00adef; font-weight:normal; padding-left:5px; font-size:12px;}
.gen_clr { clear:both;}
.gen_rht .dtlst{left:0px !important;}
.gen_rht .picker{width:75px;}
.gen_rht > .fa{font-size:16px;}
.gen_rht .cmbflt{float:left; width:78%; margin-right:5px;}
.genimg{ width:60px; height:60px; background:#eee; margin-right:5px; float:left; text-align:center; line-height:60px; font-size:24px; color:#ccc; position:relative; }
.genimg img{ width:60px; height:60px; z-index:1111; position:absolute; top:0px; left:0px;}
.gencont{text-align:left; font-size:12px; color:#666;}
.gencont .nam{font-weight:bold; color:#159bdd; font-size:13px;}
.gen_lnk{ text-align:right;}
.gen_lnk a, .gen_lnk1{ cursor:pointer; color:#00adef; font-weight:normal; padding-left:5px; font-size:13px;}
.gen_lnk a:hover, .gen_lnk1:hover{ color:#227fbb; text-decoration:underline;}

.lnk_txt, .lnk_txt a{font-size:14px; font-weight:bold; color:#00adef; }
.lnk_nor{ cursor:pointer; color:#00adef; font-weight:normal; font-size:14px;}

.gen_rod{ font-size:14px;}
.gen_rod input[type=checkbox]:not(old),
.gen_rod input[type=radio ]:not(old){ display: inline-block; width: 0.875em; height: 0.875em; margin: 0.25em 0.5em 0.25em 0.25em; border: 0.0625em solid rgb(192,192,192); border-radius: 0.25em; background: rgb(224,224,224); background-image:-moz-linear-gradient(rgb(240,240,240),rgb(224,224,224)); background-image : -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224)); background-image: -o-linear-gradient(rgb(240,240,240),rgb(224,224,224)); background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224)); background-image: linear-gradient(rgb(240,240,240),rgb(224,224,224)); vertical-align: bottom;}
.carousel { position:relative; min-height: 20px; height:auto !important; height: 20px; background:url(images/loader.gif) center center no-repeat; }
.carousel .next, .carousel .prev { display:none; width:56px; height:56px; position:absolute; bottom:20px; left:50%; margin-top:-28px; z-index:9999; cursor:pointer; }
.carousel .prev { margin-left:-60px; background:url(images/prev.png) 0 0 no-repeat; }
.carousel .next { margin-right:-60px; background:url(images/next.png) 0 0 no-repeat; }
			.carousel li { display:none; }
			.carousel li img { width:100%; height:auto; }
/* Employee Department card*/
#slideshow { position: relative; padding: 10px; }
#slideshow > div > div .dat_lst{ background:#eee; }
#slideshow > div > div .dat_hed{ background:#999; }
#slideshow > div > div:nth-child(2n) .dat_lst{ background:#c2dff5; }
#slideshow > div > div:nth-child(2n) .dat_hed{ background:#00adef; }
#slideshow > div > div .dat_cont{ background:#eee; }
#slideshow > div > div:nth-child(2n) .dat_cont{ background:#c2dff5; }
#slideshow > div > div:nth-child(2n) .dat_cont:before{ color:#c2dff5; }
#slideshow > div > div:nth-child(2n) .dat_cont div:first-child{ color:#00adef;}
#slideshow > div > div:nth-child(2n) .dat_linein i{color:#00adef; }
#slideshow > div > div:last-child .dat_linein{height:100%;}

#slideshow .dat_lst{ width:60px; height:70px; font-size:11px; text-align:center; line-height:14px; float:left;}
#slideshow .dat_hed{ background:#999; font-size:14px; color:#fff; font-weight:bold; padding:5px 0px;}
#slideshow .dat_txt{ font-size:20px; padding:8px 0px;}
#slideshow .dat_cont{ background:#eee; padding:5px 3%; font-size:12px; text-align:left; float:left; width:70%; position:relative;}
#slideshow .dat_cont div:first-child{ font-weight:bold; color:#666; font-size:14px; }
#slideshow .dat_cont:before{ position:absolute; top:3px; left:-8px; content:"\f0d9"; color:#eee; font-size:22px; }
#slideshow .dat_line{position:relative; padding:0px 10px; float:left; width:20px; height:70px;}
#slideshow .dat_linein{ position:absolute; height:115%; width:2px; background:#eee; top:0px; left:18px;}
#slideshow .dat_linein i{font-size:14px; left:-5px; top:6px; position:absolute; color:#666; }
#slideshow > div{display:none;}
#slideshow > div:first-child{display:block;}

.tim_slider{ position:relative; height:8px; width:100%; border:2px solid #eee; background:#ddd; border-radius:5px; margin:5px 0px;}
.tim_slider_in{position:absolute; top:0px; left:0px; background:#77cc55; z-index:1; height:8px; border-radius:5px;}
.tim_slider_inlbl{position:absolute; top:-10px; border:1px solid #ccc; text-align:center; background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); z-index:2; font-size:11px; padding:2px 5px;}
/* News Slider*/
.Nws_sld{ overflow:auto; }/*remove animation*/
.Nws_sld ul{ padding:15px !important; width:90%;}
.Nws_sld ul li{ height:82px; }
.Nws_sld ul li .sldcol{ background:#999 !important;}
.Nws_sld .dat_sld{width:52px; height:52px; border-radius:75px; padding:8px; line-height:18px; text-align:center; background:#00adef; color:#fff; font-size:12px; float:left; }
.Nws_sld .dat_sld b{font-size:16px; }
.Nws_sld ul li .txtcol b{color:#666; }
.Nws_sld .dat_txt{color:#999; font-size:14px; float:left; padding:5px 10px; width:78%; }
.Nws_sld .dat_txt b{color:#00adef; }

/* New Calendar*/
table.fc-border-separate {
	border-collapse: separate;
	}
	
.fc-border-separate th,
.fc-border-separate td {
	border-width: 1px 0 0 1px;
	}
.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
	border-right: 1px solid #e5e5e5 !important;
	}
.fc-border-separate tr.fc-last td {
	
}
.fc-border-separate .fc-week .fc-first{
    border-left: 0;
}
.fc-border-separate .fc-week .fc-last{
    border-right: 0;
}
.fc-border-separate tr.fc-last th{
    border-bottom-width: 1px;
    border-color: #cdcdcd;
    font-size: 16px;
    font-weight: 300;
	line-height: 30px;
    color:#fff; text-align:center;
}
.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
	border-top-width: 0;
	}

	.fc-border-separate td{vertical-align: top;}
	.fc-header td {
	white-space: nowrap;
	padding: 15px 10px 0px;
}

.fc-header-left {
	width: 25%;
	text-align: left;
}
	
.fc-header-center {
	text-align: center;
	}
	
.fc-header-right {
	width: 25%;
	text-align: right;
	}
	
.fc-header-title {
white-space: nowrap;
    font-size: 24px;
    margin-bottom: 10px;
}


thead tr.fc-first{
    background-color: #00adef;
}
	.fc-widget-content {  /* <td>, usually */
	border: 1px solid #e5e5e5;
	}
.fc-widget-header{
    border-bottom: 1px solid #EEE; 
}
.fc-week .fc-day > div.fc-day-number{
    font-size: 15px;
    margin: 2px;
    min-width: 19px;
    padding: 6px;
    text-align: center;
       width: 30px;
    height: 30px; float: right;
}
.fc-sun, .fc-sat{
    color: #b8b8b8;
}

.fc-week .fc-day:hover .fc-day-number{
    background-color: #B8B8B8;
    border-radius: 50%;
    color: #FFFFFF;
    transition: background-color 0.2s;
}
.fc-week .fc-day.fc-state-highlight:hover .fc-day-number{
    background-color:  #ff3b30;
}
.fc-Sun, .fc-Sat{
    color: #b8b8b8;
}
.fc-day-content{position: relative;
    clear: both;}
.fc-day-content > div{background-color:#00adef; color:#fff; font-size: 12px; font-weight: 500; padding: 3px; margin:1px;}
.fc-button {
	position: relative;
	display: inline-block;
	padding: 0 .6em;
	overflow: hidden;
	height: 1.9em;
	line-height: 1.9em;
	white-space: nowrap;
	cursor: pointer;
	}
.fc-button-hide{cursor: default; color:#ccc !important;}
	/*.fc-button-hide:before{ content:""; background-color:#666; width:100%; height:100%; 
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2;
            position: absolute;
    left: 0px;
    top: 0px;
	}*/
.fc-state-default { /* non-theme */
	border: 1px solid;
	}

.fc-state-default.fc-corner-left { /* non-theme */
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	}

.fc-state-default.fc-corner-right { /* non-theme */
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	}
.fc-state-default {
	border-color: #00adef;
	color: #333;	
}
.fc-button-month.fc-state-default, .fc-button-agendaWeek.fc-state-default, .fc-button-agendaDay.fc-state-default{
    min-width: 67px;
	text-align: center;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
	color: #333333;
	background-color: #FFE3E3;
	}

.fc-state-hover {
	color: #ff3b30;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	   -moz-transition: background-position 0.1s linear;
	     -o-transition: background-position 0.1s linear;
	        transition: background-position 0.1s linear;
	}

.fc-state-down,
.fc-state-active {
	background-color: #00adef;
	background-image: none;
	outline: 0;
	color: #FFFFFF;
}

.fc-state-disabled {
	cursor: default;
	background-image: none;
	background-color: #FFE3E3;
	filter: alpha(opacity=65);
	box-shadow: none;
	border:1px solid #FFE3E3;
	color: #ff3b30;
	}

.lnk{font-weight:normal; padding:0px 10px; cursor:pointer;}
.rme_btn{ cursor:pointer;}
.rme_btn:before{content: "\f217"; font-weight:400; font-family: "foundation-icons";}
.col_bg{ background:#f8f8f8; margin:15px 0px;}
.flt_bg{ background:#f8f8f8; margin:0px; padding:50px 5px 0px 5px !important; margin-bottom:-15px; min-height:1px !important;}
.col3 { font-size:14px;font-weight:bold; padding:10px;}
.col3 > div{ width:31.8%; margin-right:2%; border-right:1px dotted #ddd; float:left;}
.col3 > div:nth-child(3n){ margin-right:0px; border-right:0px;}
.col3 .col_row .col_lft{ width:75%; line-height:16px; padding-top:10px;}
.col3 .col_row .col_rht, .col3 .col_row .col_grht{ width:15%;}
.col_row{ width:100%; padding:5px 0px;float:left;display:inline;}
  .col_lft, .col_lft1, .col_lft2, .col_lft3, .col_lft4, .col_lft5, .stt_lft, .stt_lft1{ float:left; line-height:32px; font-size:14px; font-weight:bold; vertical-align:middle; text-align:right; padding: 0px 5px;}
.col_lft{ width:22%;}
.col_lft1{ width:14%;}
.col_lft2{ width:26%;}
.col_lft3{width:10%;}
.col_lft4{ width:25%; line-height:20px; padding-top:5px;}
.col_lft5{width:37%;}
.col_rht, .col_rht1, .col_arht, .col_grht, .col_crht, .col_hrht, .col_srht, .col_rrht, .col_wrht, .stt_rht, .stt_rht1 {float:left; padding: 0px 5px; font-size:14px; line-height:32px; vertical-align:middle; text-align:left; position:relative; min-height:1px;}
.col_rht {width:75%;}
.col_rht1 {width:100%;}
.col_arht {width:52%;}
.col_grht {width:26%;}
.col_crht {width:35%;}
.col_hrht {width:12%;}
.col_srht {width:5%;}
.col_rrht {width:13%;}
.col_wrht {width:17%;}

.col_crht .cmblst{ width:60%; float:left;}
.col_clr { clear:both;}
/*.div_clr_4child > div:nth-child(2n)::after {clear:both; content:"";}*/
.div_clr_4child > .col_lft {width:20% !important; text-align:left;}
.div_clr_4child > .col_rht {width:30% !important;}
.div_clr_4child > .col_rht .inp, .div_clr_4child > .col_rht .bootstrap-select, .div_clr_4child > .col_rht .inp_dp{width:83% !important;}
.stt_row{padding:10px 0px; border-bottom:1px solid #eee;}
.stt_lft{ width:35%; color:#333;}
.stt_lft1{color:#666;}
.stt_rht {width:65%; color:#666;}
.stt_rht1 {color:#666; }
.stt_wid1{width:20%;}
.stt_wid2{width:50%;}
.stt_cmb{width:80%; margin-right:5px; margin-right:10px;}
.stt_rht .flt{padding:0px 5px;}
.display_none{display:none}
.col_disable .col_lft, .col_disable .col_rht {
    color: #ccc !important;
}
/*.ld_filter #div26 .stt_row{width:50% !important;}
.ld_filter #div26 .stt_row .col-md-4{width:38% !important; padding-bottom:10px !important;}*/

.emp_lst { font-size:14px; }
.emp_lst .emp_hed { padding:5px; font-weight:bold; color:#fff;}
.emp_lst .emp_txt { padding-top:5px; font-size:12px;}
.emp_lst .emp_txtin { background:#fff; padding:0px 5px; float:left; margin:0px 0px 5px 5px;}
.emp_lst .emp_txtin > div{float:left; line-height:30px;}
.hdcol1{background:#8268c2;}
.hdcol2{background:#f0cc44;}
.hdcol3{background:#ff8877;}
.hdcol4{background:#77cc55;}
.hdcol5{background:#999;}

.cdcol1{background:#ded1ff;}
.cdcol2{background:#ffefb0;}
.cdcol3{background:#ffdbd6;}
.cdcol4{background:#e6ffdc;}
.cdcol5{background:#f8f8f8;}
.gn_mar50 {
    margin-top: -50px;
}
.gn_mar{ margin-top:-20px;}
.gn_row{ width:100%; padding:0px;}
.gn_lft{ float:left; line-height:32px; font-size:14px; font-weight:bold; vertical-align:middle; text-align:left; padding: 0px 10px 0px 0px; color:#333;}
.gn_rht {float:left; padding: 0px 10px 0px 0px; font-size:14px; line-height:32px; vertical-align:middle; text-align:left; position:relative; min-height:1px;}
.gn_rht a{cursor:pointer; color:#00adef; font-weight:normal; padding:0px 5px; }
.gn_flt{ height:36px; line-height:30px !important;}
.gn_flt > span{ float:left; padding-right:5px;}
.gn_flt .inp_dp{float:left; width:95px; padding:0px 1.5%; margin-top:6px;}
.gn_flt .inp_dp input { width: 70%; text-transform:lowercase; }
.gn_flt .fa{font-size:16px; line-height:20px;}
.gn_flt .fa_ico{font-size:14px;}

.inp_sml .inp{ width:60% !important;}
.sml_inp .inp{ width:40px !important;}
.inp_sml_b .inp{ width:100% !important;}
.inp_sml .inp_dp{ width:60% !important;}
.sml_inp .inp_dp{ width:40px !important;}
.inp_sml_b .inp_dp{ width:100% !important;}
.inp_sml_h .inp_dp{ width:100px !important;}
.inp_sml_h .inp_dp input{ width:60px;}

.sml_cmb{ width:48% !important;}
.sml_cmb .cmbflt{ width:40% !important; min-width:100px;}
.sml_cmb .cmbflt .cmbflttxt{ min-width:60px;}

.sml_cmblst{ }
.sml_cmblst .cmblst{ float:left; width:48% !important; min-width:100px;}

.sml_cmbpx{ width:110px !important; margin-left:5px;}
.sml_cmbpx .cmbflt{ width:110px !important; min-width:110px;}
.sml_cmbpx .cmbflt .cmbflttxt{ min-width:70px;}

.flt_non, .flt_none .inp {float:none; display: inline-block;}

ico_pic::before{ content:"\f009";}


.cmb_lft1{float:left; width:49%; margin-right:5px;}
.cmb_lft2{float:left; width:49%;}
.cmb_sml .cmbflt {min-width:70px; width:70px; margin-bottom:5px; margin-top:5px; }
.cmb_sml .cmbflt > .cmbflttxt{min-width:30px; width:30px;}
.cmb_sml .cmbflt > .cmbfltarw{min-width:20px; width:20px;}
/*#cmb_aspx .btn-group{ display:none !important;}
#cmb_aspx select.bs-select-hidden, #cmb_aspx select.selectpicker{ display:inline-block !important; width:100%; border:1px solid #ccc; padding:2px;}*/

.pik_i b{ position:absolute; top:10px; left:180px; font-size:16px !important; cursor:pointer;}
.col_rht .inp, .col_grht .inp, .col_hrht .inp, .col_arht .inp, .col_rrht .inp{padding-top:0px; padding-bottom:0px;}
.col_rht .inp, .col_grht .inp .jqte, .col_hrht .inp .jqte, .col_arht .inp .jqte, .col_rrht .inp .jqte{margin:0px !important;}
.col_rht a .jqte,.col_rht1 a, .col_grht a, .col_hrht a, .col_arht a{cursor:pointer; color:#00adef; font-weight:normal; }
.col_lft b, .col_rht b, .col_grht b, .col_hrht b, .col_arht b{color:#999; font-weight:normal; font-size:10px; display:block;}
.col_rht .col2, .col_grht .col2{float:left; margin-right:5px;}
.col_grht .col2 .cmbflt {min-width:80px;}
.col_grht .col2 .cmbflt > .cmbflttxt{min-width:40px;}
 
.col_rht .rodtxt, .col_grht .rodtxt, .col_hrht .rodtxt{ vertical-align:top; padding-right:5px; line-height:14px; max-width: 90%;}
.col_rht input[type='radio'], .col_grht input[type='radio'], .col_hrht input[type='radio']{ margin-top:8px;}
.col_rht input[type='checkbox'], .col_grht input[type='checkbox'], .col_hrht input[type='checkbox']{ margin-top:8px;}
.col_rht .inp_dp .fa, .col_grht .inp_dp .fa, .col_hrht .inp_dp .fa, .col_arht .inp_dp .fa, .col_rrht .inp_dp .fa, .stt_rht .inp_dp .fa{font-size:22px;}
.col_rht .inp_tp .fa, .col_grht .inp_tp .fa{font-size:24px;}
.col_grht .col_wth:last-child{ margin-right:0%;}
.col_wth{width:40%; float:left; margin-right:10%;}
.col_wth .cmbflt{min-width:120px;}
.col_wth .cmbflt .cmbflttxt{min-width:80px;}
#field_360055, #field_360060, #field_360065, .rtl{width:32%; margin-right:2%;}
#field_360065, .rtr{ margin-right:0px !important;}
.col_rht .uplod{ border-radius:0px;margin:0 0 12px;}
.lod_big .uplod{width:100% !important; border-radius:0px;}
.lod_big > div .a { text-decoration: none; font-weight: normal; padding-left:5px; font-size:12px;}
.col_grht .uplod, .col_rht .uplod{ position:relative !important; width:100%; height:inherit; bottom:0px; z-index:0; left:0px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} 
.col_grht .uplod:after:hover, .col_rht .uplod:after:hover{content:'Maximum file size 3mb(150X150px)'; z-index:7777; color:#ccc; position:absolute; font-weight:bold; font-size:11px; width:150px; text-align:center; top:40px; left:0px; display:none;}
.col_grht .uplodtxt, .col_rht .uplodtxt{ display:none;}
.col_grht .uplodimg, .col_rht .uplodimg{width:100%; height:28px !important; overflow:hidden; cursor:pointer;}
.col_grht .uplod input, .col_rht .uplod input{width:inherit; height:inherit; z-index:1111; top:0px; position:absolute; background:#fff !important;border:1px solid #ccc; padding:5px !important; margin-left:-5px; cursor:pointer; left:5px; *font-size:60px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
.col_grht .uplod:before, .col_rht .uplod:before {content:'Change Image'; z-index:6666; bottom:0px; left:0px; font-weight:bold; font-size:11px; position:absolute; width:150px; text-align:center; color:#fff; background-color:#000; display:none;}
.inp .jqte {margin:0px;}
.inp .jqte ul , .inp .jqte ol{ margin-left:10px;}
.inp .jqte ul li{ list-style: disc;}
.inp .jqte ol li{ list-style: decimal;}
.inp .jqte b{font-weight:bold;}
.col_editor  ul , .col_editor ol{ margin-left:10px;}
.col_editor ul li{ list-style: disc;}
.col_editor ol li{ list-style: decimal;}
.col_editor b{font-weight:bold;}
.col_editor a{text-decoration:underline; color:blue !important; cursor:pointer;}

 .amt_int input{text-align:right !important;}
.col_grht .spt{ float:left; width:48%; }
.col_grht .sptln{width:4px; float:left; text-align:center; padding:0px 2px;}
.inp_dp > div { float: left; display: inline; width:100%;}
.col_grht .inp_dp input, .col_arht .inp_dp input, .col_rrht .inp_dp input{width:80%; text-transform:lowercase; font-size: 14px;}
.col_grht .inp_tp{width:75px;}
.col_grht .inp_tp input{width:70%; text-transform:lowercase;}
.pik .inp_dp{ float:left;}
.img_up{height:150px; width:130px; background-color:#eee; line-height:150px; text-align:center; position:relative;}
.img_up:before{content:"\f007"; font-size:24px; color:#ccc; position:absolute; top:40%; left:40%; z-index:1111; }
.img_up img {top:0px; left:0px; position:absolute; z-index:1111;}
.col_grht .dspht a{padding-right:5px;}
.col_pglist .col_row{padding:0px 0px !important;}
.col_pglist .col_lft, .col_pglist .col_rht, .col_pglist .col_grht{ float:inherit !important; width:inherit !important; text-align:left; padding: 0px !important; }
.col_pglist .col_wth{width:auto !important; text-align:left; margin-right:5px !important;}
.cmb_opn .cmblist{ position:relative !important; z-index:1 !important; min-height:150px !important; max-height:190px !important; border:0px !important; border-radius:0px !important; box-shadow:0px 0px 0px 0px !important;}
.flt{float:left;}
.flt_r{float:right !important;}
.div_toz_logo:empty {    height: 40px;    width: 380px;    display: block;    float: left;}
.hom_srcflt{position:relative; width:60%; margin:4px 20% 0px 20%; display:inline-block;}
.hom_srcflt_int { border:1px solid #ccc; display:inline-block; width:100%; position:relative; margin:4px 20% 0px 0px;}
.hom_srcflt_int:before {position:absolute; right:0px; height:100%; width:36px; background:#00adef; top:0px; content:""}
.hom_srcflt_int:after {position:absolute; right:0px; height:100%; width:36px; color:#fff; text-align:center; top:0px; content:"\f002"; line-height:28px;}
.hom_srcflt_int > input{border:0px; padding:4px 1% !important;}
.hom_srcflt_opn{position:absolute; top:31px; left:0px; border:1px solid #ccc; width:100%; background: #fff;z-index:99;}
.hom_srcflt_opn > div > div {padding:2px; font-size:14px; color:#333; margin:3px 0px; cursor:pointer;}
.hom_srcflt_opn > div > div:nth-child(even){background:#f8f8f8;}
.hom_srcflt_opn > div > div:hover{background:#f5f8fc;}
.hom_srcflt_opn > div > div > i{ width:36px; height:36px; color:#fff; font-size:18px; text-align:center; line-height:36px; margin-right:5px; border-radius:50%;}
.hom_srcflt_opn > div > div > i[accesskey="1"]{background:#eaa83a;}
.hom_srcflt_opn > div > div > i[accesskey="2"]{background:#74b749;}
.src_flt{position:absolute; top:68px; left:0px; border:1px solid #ccc; width:90%; padding:5%; background: #fff; border: 4px solid #c2e1f5;}

.src_flt:after, .src_flt:before {
	bottom: 100%;
	left: 10%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.src_flt:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #fff;
	border-width: 30px;
	margin-left: -30px;
}
.src_flt:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #c2e1f5;
	border-width: 36px;
	margin-left: -36px;
}
.src_tit{color:#00adef; font-size:14px; font-weight:bold; padding-bottom:5px;}
.src_grd{font-size:12px !important;}
.src_grd table{border-spacing:0px !important; border:0px !important;}
.src_grd td td{padding:5px 0px !important; border:0px !important; font-size:12px !important;}
.src_grd td td .prfimg{ width:30px; height:30px; line-height:30px; font-size:14px; line-height:30px;}
.src_grd td td .prfimg img{width:30px; height:30px;}
.src_grd td td .nam{color:#333; font-size:12px; line-height:30px}
.auto_src{}
.auto_src .autoPickContainer{width: 150px !important;    height: 35px !important;    padding: 0px !important;}
.auto_src_wid .autoPickContainer{width:260px !important;}
.auto_src .Placeholder{font-size:12px;}
.auto_src .Dropdown{max-height:260px;}
.fot .bntsav, .col_pglist .fot .bntcan{ cursor:pointer; color:#fff; font-weight:bold; font-size:14px; margin:0px 5px 5px 0px; padding:6px 10px 6px 8px; border-radius:4px; width:inherit; font-family:"Segoe UI" !important;}
.fot .bntsav{background:#00adef !important; font-family:"Segoe UI" !important;}
.fot .bntcan{background:#999 !important; font-family:"Segoe UI" !important;}
.fot .fa:before{ display:none;}

.tie_usr {float:left; border-radius:4px; background:#ffe78b; border:1px solid #eee; padding:5px; font-size:12px; color:#666; margin:2px;line-height:13px; position:relative;}
.tie_usr a{padding-left:10px; cursor:pointer; color:#cc0000;}
.tie_usr .nam{font-weight:bold; color:#159bdd !important;}
.tie_usr .rme{display:none;}
.tie_usr:hover .rme{ position:absolute; right:-2px; top:-2px; display:block;}
.tie_bod{ border:0px !important; text-align:left; width:19%; margin-bottom:10px;}
.tie_bod .nam { width:90%; text-align:left;}
.tie_col .tie_usr{background:#fff !important;}

.tie_active {position:inherit;}
.tie_active .box_cont{border-top: 1px solid #00adef; border-bottom: 1px solid #00adef;}
.tie_active .box_cont:after{background-color:#00adef; height:100%; content:""; width:1px; right:1px; top:0px; position:absolute;  z-index:1;}

/*New Drop Down*/
.header-elements{display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    background-color: transparent;
    border: 0;
    margin-left: 0;
    margin-right: 0;}
.btn_dropdown {
   padding:5px 10px;
    background: #00adef;
    color: #fff;
}
.btn_dropdown .dropdown-toggle:before{position:absolute; right:10px; content:"\f107"; font-size:13px; top:10px;}
.btn_dropdown .dropdown-toggle{color:#fff; font-size:14px; text-decoration:none; padding-right:15px;}
.btn_dropdown .dropdown-toggle:hover{text-decoration:none; color:#eee;}
.btn_dropdown .dropdown-item{display:block;  border-bottom:1px solid #eee; font-size:13px; padding:5px;}
.btn_dropdown .dropdown-item:last-child{border:0px;}

/*Master page Style updated*/
 .tie_rpt > div {
            min-height: 46px;
        }

        .footer {
            position: fixed;
            bottom: 0;
            width: 90%;
            margin-left: 10%;
            background-color: rgba(0,0,0,.03);
        }

        .stuck {
            position: fixed !important;
            top: 116px !important;
            box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
        }

        .progCss {
            font-size: 12px;
            top: 0;
            position: absolute;
            color: #000;
            z-index: 2222;
            width: 100%;
            background: #fff;
            padding: 5px 0px;
            height: 100%;
            opacity: 0.5;
        }

        .goog-te-banner-frame, .goog-te-gadget > span, #goog-gt-tt {
            display: none !important;
        }

        .lang_drop {
            padding: 0px 10px;
            float: left;
            height: 20px;
        }

            .lang_drop select {
                width: 80px;
                height: 30px;
                border: 1px solid #ccc;
                color: #333;
            }

        .goog-te-gadget {
            color: transparent !important;
        }
        /*Opening Internal New*/
        .tie_Opn_int{}
        .tie_Opn_int > div{box-shadow: 0px 0px 0px; border-bottom: 1px solid #ccc; padding:10px; font-size:14px; margin-bottom:0px;}
        .tie_Opn_int > div .nam{font-size:14px; padding-bottom:5px;}
        .tie_Opn_int > div:hover{box-shadow: 0px 0px 0px; background-color:#f5f5f5;}
        .tie_Opn_txt {font-size: 16px; color: #333; margin:10px 0px; position:relative;}
        .tie_Opn_txt b {margin:0px 0px 0px 5px;}
        .tie_Opn_tags a{
	position:relative;
	padding:5px 20px 5px 24px;
	background:#0089e0;
	color:#fff;
	text-decoration:none;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;	
	border-bottom-right-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;	
	border-top-right-radius:4px;
    cursor:default;
    margin:5px 5px 5px 20px; font-size:12px;	
	} 
	.tie_Opn_tags a:before{
	content:"";
	float:left;
	position:absolute;
	top:0;
	left:-12px;
	width:0;
	height:0;
	border-color:transparent #0089e0 transparent transparent;
	border-style:solid;
	border-width:12px 12px 12px 0;		
	}
	.tie_Opn_tags a:after{
	content:"";
	position:absolute;
	top:10px;
	left:0;
	float:left;
	width:4px;
	height:4px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:#fff;
	-moz-box-shadow:-1px -1px 2px #004977;
	-webkit-box-shadow:-1px -1px 2px #004977;
	box-shadow:-1px -1px 2px #004977;
	}
/*grd icons*/
.grd_ico{ font-size:18px !important; cursor:pointer; text-align:center; width:100%;}

/*set to all star*/
.set_al{padding:20px 10px !important; }
.set_al > div{ float:left; padding-right:5px;}
.set_al .set_hed{ font-size:24px; font-weight:bold; padding-right:10px; padding-top:8px; color:#999;}
.set_al .set_val{width:36px; font-size:24px; text-align:center; color:#999; padding-top:5px;}
.set_al .set_ico{ padding-top:5px;}
.set_al .set_ico .fa{font-size:24px !important;}

/* Quick links*/

.quk_lk{ background:#00b0f0; color:#fff; position:absolute; top:80px; right:0px; border-radius:5px; padding:10px; width:190px; border:5px #fff solid;}
.quk_hed{ font-size:18px; font-weight:normal; border-bottom:1px dotted #fff; padding-bottom:5px; margin-bottom:10px;float: left;display: inline;width: 100%;}
.quk_lkbut{ font-size:14px;float: left;display: inline;width: 100%; }
.quk_lkbut input{ background-color:transparent !important; font-size:14px; font-weight:normal; padding:5px !important; border:0px !important;}
.quk_lkbut:before{margin:8px;float:left;}

.wok_img{ width:858px; height:314px; background:url(work_img.jpg) no-repeat top left; margin-top:50px; margin-bottom:20px;}
.dep_img{ width:848px; height:442px; background:url(dep_img.jpg) no-repeat top left; margin-top:50px; margin-bottom:20px;}
.loader{ text-align:center; z-index:9999; position:absolute; width:100%; height:100%; vertical-align:middle; top:25%;/*left:40%;*/}
.loader i{font-size:34px;color:#00adef} .loader span{border-radius:5px;} .loader span b{font-size:16px;}

.rec_col { }
.rec_col > div { background:#eff8ff; margin:5px 0px; padding:10px; }
.rec_col > div > div { width:41%; margin-right:2%; float:left; position:relative; vertical-align:middle; border-right:1px dotted #ccc;}
.rec_col > div > div:nth-child(3) { width:13.5%; margin-right:0px; border-right:0px; text-align:center;}
.rec_colgrd { background:#eff8ff; padding:2%; width:100%; float:left;}
.rec_colgrd > div { background:#eee; padding:1%; width:100%; position:relative;}
.rec_colgrd > div:before{ position:absolute; content:"\f0d8"; top:-48px; left:0px; width:100%; text-align:center; color:#eee; font-size:72px;}
.rec_colgrd table{margin-bottom:0px !important;}
.rec_sco { color:#00adef; font-size:24px; padding-top:60px; }
.rec_sco b{ font-size:48px; line-height:48px; cursor:pointer;}
.icon_tile{ font-size:48px; line-height:48px;}
.set_inrgrd{width:100%;}
.set_inrgrd > div {text-align:center; float:left; border-right:1px solid #ccc; padding:10px 4%; font-size:14px; width:16.5%; margin-top:10px;}
.set_inrgrd > div:nth-child(4n), .set_inrgrd > div:last-child{border-right:0px;}
.set_inrgrd > div:first-child, .set_inrgrd > div:nth-child(2), .set_inrgrd > div:nth-child(3), .set_inrgrd > div:nth-child(4){margin-top:0px;}
.set_inrgrd > div > div:first-child{font-weight:bold; padding-bottom:10px;}
/* Match slider*/
.pro_sld{ width:60px; height:12px; border-radius:3px; background:#fcd116; position:relative; float:left; margin-right:5px;}
.pro_sldin{background:#bad80a; position:absolute; height:12px; border-radius:3px;}
/* Rating slider*/
.sld_bg > div { background:#eff8ff; padding:15px; margin-bottom:10px; font-size: 12px;}
.sld_hed {font-size: 18px; font-weight:bold; padding-bottom:10px; color:#00adef;}
.sld_tit {font-size: 14px; font-weight:normal; padding-bottom:5px; color:#999;}
.sld_col {border:1px solid #ccc; padding:5px;}
.sld_col .sld_tit { font-size: 16px; color:#666; }

.sld_col .scl_txt{font-size: 24px; height:30px; padding:5px; text-align:center; color:#ff8877;}
.sld_col .scl_gentxt{font-size: 14px; }
.sld_col .scl_vew{font-size: 48px; padding:5px; text-align:center; color:#679700;}

.sld_col .sld_scl{ margin-right:2%; width:36%; float:left; min-width:300px; position:relative; padding-top:5px;}
.sld_col .sld_rmk{ width:60%; float:left;}
.sld_bar{position:relative;}

.slider {width: 300px;}

.slider > .dragger { background: #8DCA09; background: -webkit-linear-gradient(top, #8DCA09, #72A307); background: -moz-linear-gradient(top, #8DCA09, #72A307);
background: linear-gradient(top, #8DCA09, #72A307); -webkit-box-shadow: inset 0 2px 2px rgba(255,255,255,0.5), 0 2px 8px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0 2px 2px rgba(255,255,255,0.5), 0 2px 8px rgba(0,0,0,0.2); box-shadow: inset 0 2px 2px rgba(255,255,255,0.5), 0 2px 8px rgba(0,0,0,0.2);
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
border: 1px solid #496805; width: 16px; height: 16px;}

.slider > .dragger:hover { background: -webkit-linear-gradient(top, #8DCA09, #8DCA09);}

.slider > .track, .slider > .highlight-track { background: #ccc; background: -webkit-linear-gradient(top, #bbb, #ddd);
background: -moz-linear-gradient(top, #bbb, #ddd); background: linear-gradient(top, #bbb, #ddd);
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #aaa; height: 4px;}

.slider > .highlight-track { background-color: #8DCA09; background: -webkit-linear-gradient(top, #8DCA09, #72A307); background: -moz-linear-gradient(top, #8DCA09, #72A307); background: linear-gradient(top, #8DCA09, #72A307); border-color: #496805;}
.slider{ position: absolute; z-index: 1000;}
.inner{ width: 1px; height: 100%; z-index: 999;}
.lgripper{ position: relative; z-index: 1001; top: 0px; border: none; outline: none; top:-7px !important;}
.slider.style1{ background-color: #fff; border: solid 1px #B6B6B6; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset;}
.inner.style1{ background-color: #679700; -moz-box-shadow: 0 1px 2px rgba(17, 35, 45, 0.6) inset; -webkit-box-shadow: 0 1px 2px rgba(17, 35, 45, 0.6) inset;}
.lgripper.style1{}
.lgripper:before{content:"\f111"; font-size:18px; }
.ticks{ list-style: none; margin: 0; padding: 0; float: left; position: absolute; z-index: 997;}
.ticks li{ display: inline; float: left; font-size: xx-small;}

/* Rating Star*/
.FillColor {background-color: Gray; }
.emtst { padding-right: 5px; cursor: pointer; font-size:16px; color:#999;}
.emtst:hover { color:#f6a600; }
.emtsto { padding-right: 5px; font-size:14px; color:#999;}
.filst { padding-right: 5px; cursor: pointer; font-size:16px; color:#f6a600;}
.EmptyStar { font: normal 40px arial;color: Silver;cursor: pointer; }
.FillStar { font: normal 40px arial;color: Red; cursor: pointer; }
.Starhover { font: normal 40px arial;color: Red;cursor: pointer; }
.StarTextStyle { font: normal 11px arial;color: Gray; }
.ShelfClass { background: #efefef;border-top: solid 2px #000000; height: 250px; width: 80%; cursor: pointer; }
.ShelfClass:hover { background: #efefef;border-top: solid 2px #000000; height: 250px; width: 100%; border-bottom: solid 2px #000000; }
.FullWindow { background: #efefef;border-top: solid 2px #000000; }
.ShelfDelete { position: fixed; left: 0px; top: 0px; }
.applyColor { background-color: Gray; }
.divDelete { }

.box_cont{ background:#edf5ed; border:1px solid #f5f5f5; padding:2%; color:#666;float:left;display:inline;width:100%;}
.box_mrg{margin:0px 7px;}
.box_cont .dsbut{ padding:15px 0px 0px 0px; text-align:center;}
.box_cont .dsbut input, .box_cont .dsbut span[type='button']{padding:10px 15px;}
.box_cont .dsbut span[type='button']{display:inline-block;}
.box_pghed { background:#1bbc9b; font-size:18px; font-weight:bold; padding:15px 10px; position:relative; color:#fff; margin-top:-2px; border-top:1px solid #fff; cursor:pointer; }
.box_pghed:before{ content:"\f0da"; position:absolute; left:2px; bottom:-10px; color:#666; -ms-transform: rotate(320deg); -webkit-transform: rotate(320deg); transform: rotate(320deg); }
.box_pghed:after{ content:"\f0d9"; position:absolute; right:3px; bottom:-10px; color:#666; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.box_acthed { background:#1bbc9b; font-size:18px; font-weight:bold; padding:15px 4%; width:100%; float:left; position:relative; color:#fff; margin-top:-2px; border-top:1px solid #fff; cursor:pointer; }
.box_acthed:before{content:"\f04d"; position:absolute; left:-7px; top:10px; color:#fff; z-index:2222; font-size:32px; border:1px solid #1bbc9b; line-height:27px; }
.box_acthed:after{content:"\f00c"; position:absolute; left:-2px; top:16px; color:#1bbc9b; z-index:3333;}
.box_hed{ font-size:16px; font-weight:bold; padding:10px 0px; color:#666;}
.box_inhed{ font-size:16px; font-weight:bold; padding:10px 0px; color:#666; border-bottom:1px dashed #000;}
.big_txt{font-size:24px;}
.big_txt2{font-size:20px;}
.box_hedpos{padding-top:0px; margin-bottom:10px;}
.box_incont {    background: #fff;    padding: 10px;    border: 1px solid #dddddd;}
.box_cont_blu{ background:#f5f8fc; padding:10px;}
.box_cont_blu_p0 {
    background: #f5f8fc;
     
}
.box_cont_vol{ background:#e1e5ff;}
.box_txtdiv > div:first-child {font-size:14px; font-weight:bold; color:#00adef; padding-bottom:5px;}
.box_txtdiv > div {font-size:12px; padding-bottom:5px;}
.box_tie {}
.box_tie .owl-item > div {position:relative; height:120px;}
.box_tie.owl-carousel .owl-item{ margin-bottom:15px !important;}
.box_tie .owl-item > div:nth-child(3n){margin-right:0%;}
.box_tie .owl-item > div > b{ position:absolute; left:10px; bottom:5px; color:#fff; font-size:14px; font-weight:bold; }
.box_tie .owl-item > div > span{ position:absolute; top:45px; color:#fff; font-size:32px; width:100%; text-align:center; left:0px; }
.box_tie.cos_wid .owl-item{min-width:125px; min-height:120px;}
.box_sngtie{}
.box_sngtie.owl-carousel .owl-item{ margin-bottom:15px !important;}

.box_tielst {}
.box_tielst > div { font-size:14px; position:relative;}
.box_tielst > div > b{padding-bottom: 10px;}

.carousel.slide{margin:10px 0px;}

.carousel.slide > .carousel-inner > .item > div{position:relative; float:left; width:32%; min-height:120px; margin-right:2%;}
.carousel.slide > .carousel-inner > .item > div:nth-child(3n){margin-right:0%;}
.carousel.slide > .carousel-inner > .item > div b{ position:absolute; left:10px; bottom:5px; color:#fff; font-size:14px; font-weight:bold;}
.carousel.slide > .carousel-inner > .item > div span{ position:absolute; top:45px; color:#fff; font-size:32px; width:100%; text-align:center; left:0px; }
.carousel.slide > .carousel-inner > .item > div strong{ position:absolute; top:5px; font-size:12px; width:100%; text-align:center; left:0px; }
.carousel.slide > div > .carousel-control {width:5%;}
.carousel.slide > div > .carousel-control .fa { top:50%; z-index:5; position:absolute; display:inline-block; left:0%; right:0%;}

.edit_text{ position:relative; border:1px solid transparent;}
.edit_text:hover{border:1px solid #eee;}
.edit_text:hover:before{content:"\f040"; position:absolute; right:10px; top:2px;}
.box_inbox{ background:#eee; padding:10px 0px; border:1px solid #e8e8e8; }
.box_dat{ position:absolute; right:10px; top:5px; background:#fff; -webkit-box-shadow:0 3px 6px rgba(0,0,0,.25);box-shadow:0 3px 6px rgba(0,0,0,.25); width:25%;}
.box_dattit{ padding:5px; background:#77cc55; color:#fff; font-size:14px; font-weight:bold;}
.box_dat_dat{ padding:10px; color:#666; font-size:30px; font-weight:bold; text-align:center;}
.box_dat_txt{ padding:5px; color:#666; font-size:12px; text-align:center;}
.box_dat_hedtxt{ padding:10px; color:#666; font-size:24px; text-align:center; position:relative;}
.box_dat_hedtxt:before{ content:"\f111"; position:absolute; left:10px; top:10px;}
.box_dat_hedtxt:after{ content:"\f111"; position:absolute; right:10px; top:10px;}
.box_dat_botxt{ padding:30px 10px 10px 10px; color:#f07e44; font-size:28px; font-weight:bold; text-align:center; line-height:36px;}
.box_dat_botxt b{color:#333; }
.box_movarw_up{ position:absolute; border-radius:50%; width:30px; height:30px; background:#00adef; color:#fff; line-height:30px !important; text-align:center; right:10px; top:35px; cursor:pointer; }
.box_movarw_up:hover{background:#fff; color:#00adef; border:1px solid #00adef;}
.box_movarw_down{ position:absolute; border-radius:50%; width:30px; height:30px; background:#00adef; color:#fff; line-height:30px !important; text-align:center; right:10px; top:65px; cursor:pointer;}
.box_movarw_down:hover{ background:#fff; color:#00adef; border:1px solid #00adef;}

.box_cal_tit{ background:#f15151; padding:2px; color:#fff; font-weight:bold; text-align:center;}
.box_cal_txt{ padding:6px 4px; color:#666; font-weight:bold; text-align:center; background:#eee; font-size:18px;}

.tlt_col{ background-color:#e1eeff; padding:10px 0px; }
.tlt_col .lbl{ display:block; font-size:14px; font-weight:bold; text-align:right; height:24px; padding-right:5px;color:#555;font-weight:bold}
.tlt_col .cont{ display:block; font-size:24px; height:24px; text-align:left;color:#444;font-weight:bold}

.wek_lst > div{ text-align:center; line-height:30px; width:30px; font-size:12px; border-radius:50%; border:1px solid #f37676; float:left; margin-right:5px; cursor:pointer;}
.wek_lst .wek_act{ background:#8DCA09; border:1px solid #8DCA09; color:#fff;}
.wek_cmb{ color:#fff;}
.wek_cmb .cmbflt{background:transparent; border:0px; padding:0px; border-radius:0px; text-align:left; min-width:60px;}
.wek_cmb .cmbflt .cmbflttxt{color:#fff; background:#f37676; font-size:14px; display:inherit; width:96%; padding:5px 2%; cursor:pointer;}
.wek_cmb .cmbflt .cmbflttxt:after{ position:absolute; right:5px; top:8px; content:"\f078";}
.wek_cmb .cmbflt .cmbflttxt[title="Half day"]{ background:#f9b12b;}
.wek_cmb .cmbflt .cmbflttxt[title="Day-off"]{ background:#f37676;}
.wek_cmb .cmbflt .cmbflttxt[title="Full day"]{ background:#1cbb9b;}
.wek_cmb .cmbfltarw{display:none;}
.wek_cmb .cmbflt .cmbarw{display:block; position:relative;}
.wek_cmb .cmbflt .cmbarwin:before{content:"\f0d7"; position:absolute; top:-9px; color:#f9b12b; width:100%; left:0px; text-align:center; font-size:24px; z-index:5555;}
.wek_cmb .cmbflt .cmbarwin[title="Half day"]:before{color:#f9b12b;}
.wek_cmb .cmbflt .cmbarwin[title="Leave"]:before{color:#f37676;}
.wek_cmb .cmbflt .cmbarwin[title="Full day"]:before{color:#1cbb9b;}
.wek_cmb .cmbflt ul{background:transparent; border:0px; border-radius:0px; height:100px !important; left:1px; top:40px !important;}
.wek_cmb .cmbflt ul li{border-bottom:0px;}
.wek_cmb .cmbflt ul li:first-child{display:none;}
.cmb_txt{padding:5px 2%; text-align:left;}
.wek_cmb .cmbflt ul li[title="2"], .cmb_txt[title="2"]{ background:#f9b12b; font-size:14px; color:#fff;}
.wek_cmb .cmbflt ul li[title="0"], .cmb_txt[title="0"]{ background:#f37676; font-size:14px; color:#fff;}
.wek_cmb .cmbflt ul li[title="1"], .cmb_txt[title="1"]{ background:#1cbb9b; font-size:14px; color:#fff;}
.wek_cmb .cmbflt ul li[title="3"], .cmb_txt[title="3"]{ background:#3399cc; font-size:14px; color:#fff;}
.wek_cmb .cmbflt ul li[title="4"], .cmb_txt[title="4"]{ background:#f5a15a; font-size:14px; color:#fff;}
.wek_cmb .cmbflt ul li[title="5"], .cmb_txt[title="5"]{ background:#9999cc; font-size:14px; color:#fff;}

.grd_wek th{text-align:left;background-color:#f5f5f5;font-size:11px;padding:7px 0 !important;color:#000}
.grd_wek td th i{ font-size:8px; line-height:10px; font-style:normal;}
.grd_wek td td{ padding:5px !important; font-size:14px;}
.grd_wek td td:first-child{ font-weight:bold; line-height:30px;}

.upfiles {float:left; display:inline; width:100%; font-size:12px; padding: 10px 5px 0px 8px; line-height:32px; vertical-align:middle; text-align:left; position:relative; }
 .upfiles a{ font-weight:normal; color:#006bc6;line-height:12px;}

.survey_card{ }
.survey_card > div{width:19%; margin-right:1%; float:left; margin-bottom:8px; box-shadow:1px 0px 2px 2px rgba(0,0,0,.10);}
.survey_card > div:hover{background:rgba(0,0,0,.03); }
.survey_card > div:nth-child(5n){margin-right:0%;}
.survey_card  .sur_col{height:90px; line-height:90px; text-align:center; font-size:36px; color:#fff;}
.survey_card  .sur_cont{/*background:#eee;*/ position:relative;}
.survey_card  .sur_tit{font-size:16px; font-weight:bold; text-align:center; color:#333;}
.survey_card  .sur_txt{font-size:13px; font-weight:normal; text-align:center; color:#333;  min-height: 75px;}
.survey_card  .sur_lnk{font-size:13px; font-weight:bold; text-align:center; color:#666;}
.survey_card  .sur_pos{font-size:36px; position:absolute; top:-12px; left:0px;  transform: rotate(45deg);}
.survey_card  .sur_btn{padding:5px; text-align:right;}

.survey_qus {}
.survey_qus ol{ list-style-type: decimal; margin-left:15px; counter-reset: ol-item;}
.survey_qus ol > li{ counter-increment: ol-item; color:#00adef; padding:0px 10px; display:list-item; margin-left: 15px; margin-bottom:5px; position: relative;font-size: 13px;font-weight: bold; width:98%;}
.survey_qus ol > li:before{content: "Q" counter(ol-item) " "; letter-spacing:1px; text-align: left; position: absolute; left: -25px; top: 13px; font-size: 13px; font-weight: bold; font-family: "LatoRegular";}
.survey_qus ol > li .survey_listitem{padding:10px 10px 15px 10px; border-left:2px solid #00adef;}
.survey_qus ol > li .survey_listitem.survey_col{background:rgba(0,0,0,.02);}
.survey_qus ol > li .survey_listitem.survey_col:hover{background: rgba(0,0,0,.04);}
.survey_qus ol > li .survey_listitem > div:first-child > div:first-child{ color:#666; padding-bottom:10px; font-size:16px;}
.survey_qus ol > li .survey_listitem > div:first-child > div:nth-child(2){width:88%; margin-right:2%; float:left; min-height: 1px;}
.survey_qus .survey_qus_btn{font-size:18px; color:#333;}
.survey_qus .survey_qus_btn > div:first-child{margin-right:10px;}
.survey_qus .survey_rado > div{ font-weight:normal; color:#333; width:60px; float:left;}
.survey_qus .survey_rado > div input{margin: 2px;}
.survey_qus .survey_rating {}
.survey_qus .survey_rating ul>li, .survey_qus .survey_emoji ul>li,  .survey_qus .survey_scale ul>li, .survey_qus .survey_lookup ul>li{float:left; text-align:center; color:#333; font-weight:normal; min-width:80px; margin-bottom:10px;}
.survey_qus .survey_rating ul>li>div:first-child, .survey_qus .survey_emoji ul>li>div:first-child, .survey_qus .survey_scale ul>li>div:first-child{font-size:24px; padding-bottom:5px;}
.survey_qus .survey_emoji {}
.survey_qus .survey_scale ul>li>div:first-child { background:#fff; margin:auto; padding:0px 5px; height:48px; width:48px; line-height:48px; font-size:18px; font-weight:bold;}
.survey_qus .survey_lookup ul>li>div:first-child {font-weight:bold;}
.survey_qus .survey_emoji ul>li>div:first-child:before{padding:1px;}
.survey_tit { font-size:24px; color:#333; margin-bottom:20px;}
.survey_txt { font-size:14px; color:#666; font-weight:normal; padding-left:20px;}
.survey_qus .survey_scale ul>li>div:first-child:hover, .survey_qus .survey_scale .survey_active>div:first-child, .survey_qus .survey_lookup ul>li>div:first-child:hover, .survey_qus .survey_lookup .survey_active>div:first-child{background:#00adef; color:#fff;}
.survey_qus .survey_rating ul>li>div:first-child:hover i:before, .survey_qus .survey_rating .survey_active>div:first-child i:before{content: "\f005"; color:#00adef;}
.survey_qus .survey_emoji ul>li>div:first-child:hover:before, .survey_qus .survey_emoji .survey_active>div:first-child:before{border-radius:50%; color:#fff; padding:1px;}
.survey_qus_hide {}
.survey_qus_hide ol{ list-style-type: none; margin-left:0px; counter-reset:inherit;}
.survey_qus_hide ol > li{ counter-increment:inherit; float:left; margin-left:0px; width:100%;}
.survey_qus_hide ol > li:before{content: "";}
.survey_qus_hide ol > li .survey_listitem > div:first-child > div:nth-child(2){width:100%; margin-right:0%;}
.survey_qus_hide ol > li .survey_listitem {border-left:0px;}
.survey_qus_hide .survey_rado{ padding-left:20px;}
/*.survey_qus_hide ol > li .survey_listitem.survey_col{background:rgba(0,0,0,.0);}
.survey_qus_hide ol > li .survey_listitem.survey_col:hover{background: rgba(0,0,0,.0);}*/

.survey_tab .nav-pills > li.active > a, .survey_tab .nav-pills > li.active > a:hover, .survey_tab .nav-pills > li.active > a:focus {background-color: transparent; color: #000;  font-weight: bold;}
.survey_tab .nav-pills > li.active > a{border-bottom:2px solid #00adef; border-radius:0px;}
.survey_tab .nav-link, .survey_tab .nav-link:hover {color:#999; background-color: transparent; cursor:pointer; font-size: 14px;}
.survey_tab .nav-link:hover {color:#333; border-bottom:2px solid #999; border-radius:0px; cursor:pointer }

.survey_tab_icon .nav-item{ width:24%; margin:10px 0.5%; background:#eee; }
.survey_tab_icon .nav-icon{background-color:#686261;float:left;margin:15px 7px;padding:5px 10px;border-radius:50%;color:#fff;}
.survey_tab_icon .nav-link{padding:10px 0px;text-align:left;border-bottom:2px solid #ccc;}
.survey_tab_icon .nav-link small{font-size: 11px;color:#aaa}
.survey_tab_icon li.active .nav-icon{background-color:#00adef;}

.compList .compList_link {   padding: 10px 5px;    cursor: pointer;  font-size:14px; color:#333;  border-right: 2px solid #ccc;    margin:2px 0px;    background-color: #eee;}
.compList .compList_link:hover { background-color: #ddd; border-right: 2px solid #333;}
.compList .compList_link.active {    border-right: 2px solid #00adef; font-weight:bold;}


.navcontainer ul
{
    margin: 0;
    padding: 10px;

    list-style-type: none;
    text-align: left;
}

.navcontainer ul li {     
    display: inline;
    margin: 0px 5px 10px 5px;
    float: left; 
}

.navcontainer ul li a{
	padding:5px 15px 4px 15px;
	background:#0089e0;
	color:#fff;
	text-decoration:none;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;	
	border-bottom-right-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;	
	border-top-right-radius:4px;
    cursor:default;
    margin:5px;	line-height: 24px;
    position: relative;
    font-size: 12px;
    font-weight: normal;
}
.navcontainer ul li a:before{
	content:"";
	float:left;
	position:absolute;
	top:0;
	left:-12px;
	width:0;
	height:0;
	border-color:transparent #0089e0 transparent transparent;
	border-style:solid;
	border-width:12px 12px 12px 0;		
	}
.navcontainer ul li a:after{
	content:"";
	position:absolute;
	top:10px;
	left:0;
	float:left;
	width:4px;
	height:4px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:#fff;
	-moz-box-shadow:-1px -1px 2px #004977;
	-webkit-box-shadow:-1px -1px 2px #004977;
	box-shadow:-1px -1px 2px #004977;
	}
.navcontainer ul li a:hover{background:#555;}
.navcontainer ul li a:hover:before{border-color:transparent #555 transparent transparent;}
.Thank_Smiling:before {content:"\f118"; color:#666; background:yellow; border-radius:50%; font-size:48px;}
.Smiling:before {content:"\f118"; color:#ccc;}
.Worried:before {content:"\f5c8"; color:#ccc;}
.Neutral:before {content:"\f11a"; color:#ccc;}
.Winking:before {content:"\f5a5"; color:#ccc;}
.Angry:before {content:"\f5c2"; color:#ccc;}
.Loudly:before {content:"\f5b3"; color:#ccc;}
.Expressionless:before {content:"\f579"; color:#ccc;}
.Thinking:before {content:"\f597"; color:#ccc;}
.Slightly:before {content:"\f4da"; color:#ccc;}
.Sad:before {content:"\f57a"; color:#ccc;}


.Smiling_act:before {content:"\f118"; color:#00adef;}
.Worried_act:before {content:"\f5c8"; color:#00adef;}
.Neutral_act:before {content:"\f11a"; color:#00adef;}
.Winking_act:before {content:"\f5a5"; color:#00adef;}
.Angry_act:before {content:"\f5c2"; color:#00adef;}
.Loudly_act:before {content:"\f5b3"; color:#00adef;}
.Expressionless_act:before {content:"\f579"; color:#00adef;}
.Thinking_act:before {content:"\f597"; color:#00adef;}
.Slightly_act:before {content:"\f4da"; color:#00adef;}
.Sad_act:before {content:"\f57a"; color:#00adef;}

.Smiling:hover:before, .survey_active .Smiling:before {background:#00adef;}
.Worried:hover:before, .survey_active .Worried:before {background:#00adef;}
.Neutral:hover:before, .survey_active .Neutral:before {background:#00adef;}
.Winking:hover:before, .survey_active .Winking:before {background:#00adef;}
.Angry:hover:before, .survey_active .Angry:before {background:#00adef;}
.Loudly:hover:before, .survey_active .Loudly:before {background:#00adef;}
.Expressionless:hover:before, .survey_active .Expressionless:before {background:#00adef;}
.Thinking:hover:before, .survey_active .Thinking:before {background:#00adef;}
.Slightly:hover:before, .survey_active .Slightly:before {background:#00adef;}
.Sad:hover:before, .survey_active .Sad:before {background:#00adef;}


 .dataTables_filter{ text-align:right; padding:0 0.5% 1%;float:left;display:inline;width:99%;}
  .dataTables_filter input{ /*border-radius:4px;*/ border:1px solid #ccc; font-size:12px; padding:5px; width:200px;}


  .cd_tit{font-weight:bold; padding:5px; text-align:left; background-color:#c2dff5; color:#555; font-size:14px;}

.cd-container { width: 90%; max-width: 1170px; margin: 0 auto;}
.cd-container::after { /* clearfix */ content: ''; display: table; clear: both;}

#cd-timeline { position: relative; padding: 2em 0; margin-top: 2em; margin-bottom: 2em;}
#cd-timeline::before { /* this is the vertical line */ content: ''; position: absolute; top: 0; left: 50%; margin-left: -2px; height: 100%; width: 4px; background: #d7e4ed;}

.cd-timeline-block { position: relative; margin: 2em 0;}
.cd-timeline-block:after { content: ""; display: table; clear: both;}
.cd-timeline-block:first-child { margin-top: 0;}
.cd-timeline-block:last-child { margin-bottom: 0;}
.cd-timeline-dat { position: absolute; top: -80px; left: 50%; margin-left: -30px; width: 60px; height: 50px; padding-top:10px; border-radius: 50%; text-align:center; color:#fff; box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);}

.cd-timeline-dat.cd-curt { background: #00adef;}
.cd-timeline-dat.cd-ndat { background: #568eb1;}


.cd-timeline-img { position: absolute; top: 15px; left: 50%; margin-left: -15px; width: 30px; height: 30px; border-radius: 50%; text-align:center; color:#fff; box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);}
.cd-timeline-img img { display: block; width: 24px; height: 24px; position: relative; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px;}
.cd-timeline-img[title="Approved"]{ background: #77cc55;}
.cd-timeline-img[title="Approved"]:before{ content:"\f00c"; color:#fff; font-size:16px; line-height:30px;}
.cd-timeline-img[title="Reject"], .cd-timeline-img[title="Deducted"], .cd-timeline-img[title="Retracted"]{background: #ed361c;}
.cd-timeline-img[title="Reject"]:before{ content:"\f00d"; color:#fff; font-size:16px; line-height:30px;}
.cd-timeline-img[title="Retracted"]:before{ content:"\f188"; color:#fff; font-size:16px; line-height:30px; font-family: "foundation-icons";}
.cd-timeline-img[title="Deducted"]:before{ content:"\f0f6"; color:#fff; font-size:16px; line-height:30px;}
.cd-timeline-img[title="Applied"]{background: #568eb1;}
.cd-timeline-img[title="Applied"]:before{ content:"\f0f6"; color:#fff; font-size:16px; line-height:30px;}
.cd-timeline-img[title="Added"]{background: #77cc55;}
.cd-timeline-img[title="Added"]:before{ content:"\f0f6"; color:#fff; font-size:16px; line-height:30px;}
.cd-timeline-img[title="Saved"]{ background: #74b749;}
.cd-timeline-img[title="Saved"]:before{ content:"\f00c"; color:#fff; font-size:16px; line-height:30px;}
.cd-timeline-img[title="Modified"]{background: #ffb400;}
.cd-timeline-img[title="Modified"]:before{ content: "\f184";color:#fff; font-size:16px; line-height:30px; font-family: "foundation-icons";}

.cd-timeline-content[title="Retracted"]{ border-color: #ff4d4d;}
.cd-timeline-content[title="Retracted"]:before{ border-right-color: #ff4d4d !important;}
.cd-timeline-content[title="Retracted"] .cd-id {background: #ff4d4d;}
.cd-timeline-content[title="Modified"]{ border-color: #ffcd54;}
.cd-timeline-content[title="Modified"]:before{ border-left-color: #ffcd54 !important;}
.cd-timeline-content[title="Modified"] .cd-id {background: #ffcd54;}

.cd-timeline-pht[title="Reject"], .cd-timeline-pht[title="Deducted"]{margin-left: 6% !important;}

.cd-timeline-pht { position: absolute; top: 0px; left: 50%; margin-left: -12%; width: 60px; height: 60px; border-radius: 50%; text-align:center; color:#fff; background:#f8f8f8;}
.cd-timeline-pht img { width: 60px; height: 60px; border-radius: 50%;}

.cd-timeline-content { position: relative; margin-left: 60px; background: white; border-radius: 0.25em; padding: 1em; border:2px solid #d7e4ed;}
.cd-timeline-content:after { content: ""; display: table; clear: both;}
.cd-timeline-content h2 { color: #303e49;}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { font-size: 13px; font-size: 0.8125rem;}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { display: inline-block;}
.cd-timeline-content p { margin: 1em 0; line-height: 1.6;}
.cd-timeline-content .cd-read-more { float: right; padding: .8em 1em; background: #acb7c0; color: white; border-radius: 0.25em;}
.no-touch .cd-timeline-content .cd-read-more:hover { background-color: #bac4cb;}
.cd-timeline-content .cd-date { float: left; padding: .8em 0; opacity: .7;}
.cd-timeline-content::before { content: ''; position: absolute; top: 16px; right: 100%; height: 0; width: 0; border: 7px solid transparent; border-right: 7px solid #d7e4ed;}
.cd-timeline-content { margin-left: 0; padding: 1.6em; width: 45%; }
.cd-timeline-content::before { top: 24px; left: 100%; border-color: transparent; border-left-color: #d7e4ed; }
.cd-timeline-content .cd-read-more { float: left; }
.cd-timeline-content .cd-date { position: absolute; width: 100%; left: 100%; top: 6px; font-size: 16px; font-size: 1rem; }
.cd-timeline-block:nth-child(even) .cd-timeline-content { float: right; }
.cd-timeline-block:nth-child(even) .cd-timeline-content::before { top: 24px; left: auto; right: 100%; border-color: transparent; border-right-color: #d7e4ed; }
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more { float: right; }
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date { left: auto; right: 122%; text-align: right; }
.cssanimations .cd-timeline-content.is-hidden { visibility: hidden; }
.cssanimations .cd-timeline-content.bounce-in { visibility: visible; -webkit-animation: cd-bounce-2 0.6s; -moz-animation: cd-bounce-2 0.6s; animation: cd-bounce-2 0.6s; }
.cd-timeline-content { margin-left: 0; padding: 1.8em 0.5em 0.5em 0.5em; width: 32%; position:relative; font-size:14px; }
    .cd-timeline-content .nam {font-weight:bold; color:#00adef; font-size:14px; width:90%;}
  .cd-id{ position:absolute; top:0px; left:0px; padding:4px 24px 4px 4px; font-size:14px; line-height:18px; color:#fff; background:#00adef;}
  .cd-id:after{ content:"\f0d9"; text-align:right; color:#fff; font-size:48px; position:absolute; right:-1px; top:-10px;}
  .cd-dob{ background:#f8f8f8; padding:5px; margin-top:10px; text-align:center; font-size:12px;}
  .cd-dob .cd-hed{ font-size:13px; color:#00adef; font-weight:bold;}
  .cd-dob .cd-txt{ float:left; width:50%;}
    .cd-dob .cd-txt .pst{ color:#ff6500; font-weight:normal;}
.cd-dob .cd-txt .crt{ color:#74b749; font-weight:normal;}
   .cd-sta{ background:#f8f8f8; padding:5px; margin-top:10px; text-align:center; font-size:12px;}
   .cd-sta > span[title="Approved"]{font-size:13px; color:#77cc55; font-weight:bold;}
   .cd-sta > span[title="Added"]{font-size:13px; color:#2178b9; font-weight:bold;}
    .cd-sta > span[title="Saved"]{font-size:13px; color:#0e519a; font-weight:bold;}
   .cd-sta > span[title="Applied"]{font-size:13px; color:#00adef; font-weight:bold;}
   .cd-sta > span[title="Canceled"]{font-size:13px; color:#1472b7; font-weight:bold;}
.cd-sta > span[title="Closed"]{font-size:13px; color:#f73b3b; font-weight:bold;}, .cd-sta > span[title="Deleted"]{font-size:13px; color:#ad0404; font-weight:bold;}
   .cd-sta > span[title="Forward"]{font-size:13px; color:#7aae08; font-weight:bold;}
   .cd-sta > span[title="Retracted"]{font-size:13px; color:#d90000; font-weight:bold;}
    .cd-sta > span[title="Modified"]{font-size:13px; color:#f8a21f; font-weight:bold;}
    .cd-sta > span[title="Rejected"]{font-size:13px; color:#ff0000; font-weight:bold;}
    

    .cd-sta > span[title="Reject"], .cd-sta > span[title="Deducted"]{font-size:13px; color:#ed361c; font-weight:bold;}
    .cd-sta > span[title="Leave"], .cd-hed[title="Leave"]{font-size:13px; color:#c95bd1; font-weight:bold;}
 
    

.cd-timeline-content::before { top: 24px; left: 100%; border-color: transparent; border-left-color: #d7e4ed; }
.cd-timeline-content .cd-read-more { float: left; }
.cd-timeline-content .cd-date { position: absolute; width: 100%; left: 100%; top: 6px; font-size: 16px; font-size: 1rem; }
.cd-timeline-block:nth-child(even) .cd-timeline-content { float: right; }
.cd-timeline-block:nth-child(even) .cd-timeline-content::before { top: 24px; left: auto; right: 100%; border-color: transparent; border-right-color: #d7e4ed; }
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more { float: right; }
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date { left: auto; right: 122%; text-align: right; }
.cssanimations .cd-timeline-content.is-hidden { visibility: hidden; }
.cssanimations .cd-timeline-content.bounce-in { visibility: visible; -webkit-animation: cd-bounce-2 0.6s; -moz-animation: cd-bounce-2 0.6s; animation: cd-bounce-2 0.6s; }
 
  
.owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;}
.tr_loading{top: 0; left:0;  bottom: 0;    position: absolute; background: rgba(0,0,0,0.2);  height: 100%; z-index: 6666;    text-align: Center;}
.tr_loading_txt{top: 25%;  text-align:center; color:#fff; font-size:16px; height: 100%; z-index: 7777; position: absolute;}
.tr_loading_txt b{color:#fff !important;}
/* 
* Performance Shift Stage
 */
.noz_ratting {position:relative; background:#eee; height:36px; width:100%; border-radius:10px;}
.noz_ratting_scl{position:absolute; text-align:center; left:0px; top:0px; line-height:36px; font-size:16px; font-weight:bold; color:#fff; background:#77cc55; border-radius:10px;}
.program-tab-pane {
  padding-top: 45px;
  padding-left: 10px;
}

.program-list-item {
  position: relative;
  padding-bottom: 10px;
  padding-left: 50px;
  border-left: 3px solid #fa9438;
}
.program-list-item.notcompleted{border-color:#fa9438;}
.program-list-item p{margin:0px;}

.program-time-block {
  position: absolute;
  left: -24px;
  top: 0px;
  padding: 8px 0px;
  border: 3px none #fff;
  border-radius: 3px;
  background-color: #fa9438;
  color: #fff;
  width: 48px;
    text-align: center;
}
.program-list-item.completed .program-time-block{background-color: #34c48b;}
.program-list-item.notcompleted .program-time-block{background-color: #ff8877;}
.program-list-item.completed{ border-left-color:#34c48b;}
.program-list-item.notcompleted{ border-left-color:#ff8877;}
.program-list-item.last {
    /*  border-left-width: 1px ;
  border-left-color: transparent;*/
    border-left: 3px solid #ccc;
}
.program-move-block {
  position: absolute;
  left: -14px;
  top: 20px;
  border: 3px none #fff;
  border-radius: 50%;
  height:24px; width:24px;
  background-color: #333;
  color: #fff;
  text-align: center;
    line-height: 24px;
    
}
.program-movedown-block {
    position: absolute;
    left: -14px;
    bottom: -20px;
    border: 3px none #fff;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    background-color: #333;
    color: #fff;
    text-align: center;
    line-height: 24px;
}
.button_glow{ -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;}
@-webkit-keyframes glowing {
  0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
}

@-moz-keyframes glowing {
  0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
}

@-o-keyframes glowing {
  0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}

@keyframes glowing {
  0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}

.program-ongoing-block {
  position: absolute;
  left: -42px;
  top: 50px;
  padding:0px 5px;
  border-radius: 3px;
  background-color: #66cc66;
  color: #fff;font-size: 11px;
}

.program-time-title {
}

.program-tabs-content {
  overflow: visible;
}

.program-tab-button {
  width: 25%;
  padding-top: 20px;
  padding-bottom: 15px;
  border-right: 1px solid rgba(0, 0, 0, .1);
  background-color: hsla(0, 0%, 100%, 0);
  -webkit-transition: background-color 200ms ease, color 200ms ease;
  transition: background-color 200ms ease, color 200ms ease;
}

.program-tab-button:hover {
  background-color: #34c48b;
  color: #fff;
}

.program-tab-button.w--current {
  background-color: #ff8735;
  color: #fff;
}

.program-tab-button.w--current:hover {
  background-color: #34c48b;
}

.program-tab-button.last {
  border-right: 1px none #000;
}

.program-speaker-block {
overflow: hidden;
 /*  padding-bottom: 10px;
border-bottom: 1px solid #fa9438;*/
}
.program-list-item.completed .program-speaker-block, .program-list-item.notcompleted .program-speaker-block{ /*border-bottom-color:#ddd;*/}

.program-speaker-image {
  width: 50px;
  margin-right: 15px;
  float: left;
  border-radius: 6px;
}

.program-speaker-title {
  margin-top: 11px;
  font-size: 18px;
  font-weight: 700;
}

.program-speaker-title.subtitle {
  margin-top: 0px;
  color: #34c48b;
  font-size: 14px;
}

.program-hidden-info {
overflow: hidden;
  /*opacity:0;
display:none;*/
 -webkit-animation:fadeUp ease-in-out 0.5s;
    animation:fadeUp ease-in-out 0.5s;
}
.program-hidden-info.Active{
    display:block;
    opacity:1;
    -webkit-animation:fadeUp ease-in-out 0.5s;
    animation:fadeUp ease-in-out 0.5s;
}
.program-info-title {
  margin-top: 5px;
  margin-bottom: 15px;
  color: #b5b5b5;
  font-size: 14px; display:none;
}

.link_prg {
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  font-family: Lato, sans-serif;
  color: #19aee9;
  text-decoration: none;
}

.link_prg:hover {
  color: #ff8735;
  text-decoration: underline;
}

.link_prg.program-link {
  color: #333;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;    padding: 5px 0px 10px 0px; margin-left:-10px;
}
.link_prg.program-link.tit_prg{ font-size: 15px; color: #666; padding-bottom:5px; margin-left:0px;}
.link_prg.program-link.grp_tit{padding-bottom:0px;}
.program-speaker-block .prg_img .prfimg {
    width: 48px;
    height: 48px;
    font-size: 24px;
    line-height: 48px; float:left; margin-right: 5px;     background: #eee;
    border-radius: 50%;
}
.program-speaker-block .prg_img .prfimg img {
    width: 48px;
    height: 48px; border-radius: 50%;}
.program-speaker-block .nam{color: #333;    font-size: 13px;    font-weight: bold;}
.program-speaker-block .dec_txt {color: #666; font-size: 12px; line-height: 16px;}
/* 
* Core Owl Carousel CSS File
 */
.owl-carousel { display: none; width: 92% !important; background:#f8f8f8; padding:0px 4%; position: relative; z-index: 1111; overflow:hidden;}
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y;}
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* -webkit-transform: translate3d(0px, 0px, 0px);*/}
.owl-nav .owl-prev{ width:80px; height:80px; position:absolute; top:28%; left:-35px; background:#ff8877; border-radius:50%; font-size:0px;}
.owl-nav .owl-prev:before{ content:"\f053"; font-size:24px; width:60px; text-align:center; line-height:80px; color:#fff; text-align:right; position:absolute; }
.owl-nav .owl-next{ width:80px; height:80px; position:absolute; top:28%; right:-35px; background:#ff8877; border-radius:50%; font-size:0px;}
.owl-nav .owl-next:before{ content:"\f054"; font-size:24px; width:60px; text-align:center; line-height:80px; color:#fff;}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.owl-carousel.owl-loaded { display: block;}
.owl-carousel.owl-loading { opacity: 0; display: block;}
.owl-carousel.owl-hidden { opacity: 0;}
.owl-carousel .owl-refresh .owl-item { display: none;}
.owl-carousel .owl-item { position: relative; cursor:pointer; min-height: 1px; margin-bottom:25px; margin-top:15px; float: left; background:#fff; -webkit-box-shadow:0 3px 6px rgba(0,0,0,.50);box-shadow:0 3px 6px rgba(0,0,0,.50); -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.item_name{font-size:16px; padding-left:15px; padding-top:10px; padding-bottom:10px; color:#333;}
 .item_lst{font-size:11px; color:#666; padding-left:15px;}
.item_lst > div{float:left; width:50%; display:inline;color:#333;font-size:12px;line-height:20px;margin:0 0 10px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
 .item_lst > div:nth-child(odd){color:#333;}
.item_lst1 > div{float:left; width:50%; display:inline;color:#333;font-size:14px;line-height:20px;margin:0 0 10px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.item_col{height:100%; position:absolute; left:0px; top:0px; width:8px;}
.owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d;}
.owl-carousel .owlact{background:#eee; position:relative;}
.owl-carousel .owlact::before{ position:absolute; bottom:-23px; left:0px; width:100%; text-align:center; content:"\f0d7"; font-size:36px; color:#666;}
.owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto;}
.owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab;}
.owl-carousel.owl-rtl { direction: rtl;}
.owl-carousel.owl-rtl .owl-item { float: right;}
.owl-height .owl-item > div{min-height: 180px;}
/* No Js */
.no-js .owl-carousel { display: block;}
.owl-carousel.emp_card {background:#fff !important;}
.owl-carousel.emp_card .usercard{ width:100%;}
.owl-carousel.emp_card .usercard > div{ width:94%; border-right:0px; border-top:0px; border-bottom:0px; margin:0px; padding-right:0px;}
.owl-carousel.emp_card .owl-item > div {min-height:80px !important;}
.owl-carousel.emp_card .owl-nav .owl-prev{ width:40px; height:40px; left:-18px;}
.owl-carousel.emp_card .owl-nav .owl-prev:before{ font-size:20px; width:34px; line-height:40px;}
.owl-carousel.emp_card .owl-nav .owl-next{ width:40px; height:40px; top:28%; right:-18px;}
.owl-carousel.emp_card .owl-nav .owl-next:before{ font-size:20px; width:28px; line-height:40px;}
.owl-carousel.emp_card .owl-item{margin-bottom:15px;}
/* 
* Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease;}
.owl-carousel .owl-item img { transform-style: preserve-3d;}

/* 
* Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000;}
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease;}
.owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3);}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon { display: none;}
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease;}
.owl-carousel .owl-video-frame { position: relative; z-index: 1;}

.wed0{width:auto !important;}
.wed1{width:10% !important;;}
.wed2{width:20% !important;;}
.wed3{width:30% !important;}
.wed4{width:40% !important;}
.wed5{width:50% !important;}
.wed6{width:60% !important;}
.wed7{width:70% !important;}
.wed8{width:80% !important;}
.wed9{width:90% !important;}
.wed10{width:100% !important;}

.wed1_1{width:8% !important;}
.wed2_2{width:18% !important;}
.wed3_3{width:28% !important;}
.wed4_4{width:38% !important;}
.wed5_5{width:48% !important;}
.wed6_6{width:58% !important;}
.wed7_7{width:68% !important;}

.wed1-3{width:12% !important;}
.wed2-3{width:22% !important;}
.wed3-3{width:32% !important;}
.wed4-3{width:42% !important;}
.wed5-3{width:52% !important;}
.wed6-3{width:62% !important;}

.mag{ margin:0px !important;}
.mag_r{ margin-right:2% !important;}
.mag_l{ margin-left:2% !important;}
.mag_t{ margin-top:2% !important;}
.mag_b{ margin-bottom:2% !important;}
.mag_l1{ margin-left:1% !important;}
.mag10{ margin:10px !important;}
.mag5_r{ margin-right:5px !important;}
.mag5_l{ margin-left:5px !important;}
.mag5_t{ margin-top:5px !important;}
.mag5_b{ margin-bottom:5px !important;}
.mag20_r{ margin:0 20px 0 0 !important;}
.mag20_l{ margin:0 0 0 20px !important;}
.mag20_t{ margin:20px 0 0 0 !important;}
.mag20_b{ margin:0 0 20px !important;}
.mag_n{ margin:0px -1%;}
.mag_h{ margin:0px -10px -10px -10px; width:100%;}
.mag_mt{ margin-top:-10px;}
.mag_200{ margin-right:200px !important; margin-top:-10px !important;}
.mag_201{ margin-right:200px !important;}
.mag_202{ margin-right:210px !important;}
.mag_r0{ margin-right:0 !important;}
.mag_l0{ margin-left:0 !important;}
.mag_t0{ margin-top:0 !important;}
.mag_b0{ margin-bottom:0 !important;}
.mag_A{ margin-left:auto; margin-right:auto;}

.lin_ht{line-height:inherit !important;}
.lin_ht1{line-height:16px !important;}
.lin_ht2{line-height:14px !important;}
.lin_ht3{line-height:18px !important;}
.lin_ht4{line-height:20px !important;}

.txt_aln{text-align:left !important;}
.txt_aln2{text-align:center !important;}
.txt_aln3{text-align:right !important;}
.text-break {word-break: break-all;}
.pad0{padding:0px !important;}
.pad05{padding:5px !important;}
.pad1{padding:10px !important;}
.pad2{padding:20px !important;}
.pad_lft{padding-left:5px !important;}
.pad_rht{padding-right:5px !important;}
.pad_top{padding-top:5px !important;}
.pad_bot{padding-bottom:5px !important;}
.pad0_lft{padding-left:0px !important;}
.pad0_rht{padding-right:0px !important;}
.pad0_top{padding-top:0px !important;}
.pad0_bot{padding-bottom:0px !important;}
.pad_rhtxtra{padding:0 15px 0 0;}
.bdr0{border:0px !important;}
.bdr1px{border: 1px solid;}
.bdr2px{border: 2px solid;}
.bdr3px{border: 3px solid;}
.bdr_t1{border-top: 1px solid;}
.bdr_b1{border-bottom: 1px solid;}
.bdr_l1{border-left: 1px solid;}
.bdr_r1{border-right: 1px solid;}
.bdr_cl{border-color:#eee;}
.bdr_cm{border-color:#ddd;}
.bdr_cd{border-color:#ccc;}


.tbl_layout table{table-layout: inherit !important;}

.bdr_radius {font-size: 18px; margin: 0px auto; position: relative; padding: 0; width: 48px; height: 48px; border-radius: 50%;  line-height: 42px;  font-weight: bold;}
.flt_lst{border:1px solid #eee; position:relative; padding:0px 10px; margin:0px 0px 10px 0px;}
.flt_tit{font-size:12px; top:-12px; color:#999; font-weight:bold;}
.flt_hed{font-size:12px; color:#999; font-weight:bold;}
.flt_tit > span{background:#fff; padding:5px;}
.flt_crc{width:12px; height:12px; border-radius:50%; margin-top: 4px;}
.flt_txt{font-size:12px; color:#333; font-weight:normal;}

.hier_card {opacity:0.95;padding:10px 5px;border-radius:2px; margin-top:0px; position:relative;  transition: transform .2s;}
.hier_card .hier_ico{position:absolute; top:-14px;  text-align: center;  left: 0px;  width: 100%;  font-size:18px; display:none;}
.hier_card .hier_top_ico{position:absolute; top:-66px;  text-align: center;  left: 0px;  width: 100%;  font-size:24px;  z-index:99999;}
.hier_card .hier_down_ico{position:absolute; bottom:-16px;  text-align: center;  left: 0px;  width: 100%;  font-size:24px; z-index:99999;}
.hier_sal{border:1px solid #d2d2d2; background-color:#eee;font-size:9px;padding:5px;border-radius:2px; color:#333;}
.hier_zoom {
    transition:all .25s;
    cursor:pointer;
}
.hier_zoom:hover {
-ms-transform: scale(1.2); /* IE 9 */
  -webkit-transform: scale(1.2); /* Safari 3-8 */
  transform: scale(1.2);
}
/*.scroll_hir_sett > div > div {overflow:auto !important;}*/
.blur_section{ filter: blur(1px);
  -webkit-filter: blur(1px);}
.radius_bdr{height: 30px; width: 30px; text-align: center; line-height: 30px; border:1px solid #ccc; border-radius:50%; float:left; font-family:"LatoRegular"; font-size: 12px !important; margin-bottom:5px;}
.radius_fill{height: 30px; width: 30px; text-align: center; line-height: 30px; border:1px solid #333; border-radius:50%; float:left; font-family:"LatoRegular"; font-size: 12px !important; color:#000000;  margin-bottom:5px;}

.bdr_rad{border-radius:50% !important;}
.flex_row{ flex-wrap: wrap; display: -webkit-flex;    display: -moz-flex;    display: -ms-flex;    display: -o-flex;    display: flex;}
.flex_col{    -webkit-flex: auto 1;    -moz-flex: auto 1;    -ms-flex: auto 1;    -o-flex: auto 1;    flex: auto 1;}
.min_hig_div > .col_row > div{line-height:normal !important; min-height:inherit !important;}
.alternat_div > div:nth-child(odd){float:left; margin-right:1%; width:49%; margin-bottom:10px;}
.alternat_div > div:nth-child(even){float:right; margin-left:1%; width:49%; margin-bottom:10px;}
.fnt_siz{ font-size:24px !important; line-height:24px !important; width:32px !important; height:32px !important;}

.gen_toltip{ position:absolute; padding:10px; background:#fff; text-align:left; font-size:14px; font-family:"LatoRegular"; border:1px solid #00adef; z-index:2222; width:100%; top:25px; 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);}

.gen_toltip:after, .gen_toltip:before {
	bottom: 100%; 
	right: 4%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.gen_toltip:after{
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 7px;
	margin-right: 11px;
}
.gen_toltip:before{
	border-color: rgba(0, 173, 239, 0);
	border-bottom-color: #00adef;
	border-width: 9px;
	margin-right: 9px;
}
.gen_toltip_close{position:fixed; z-index:1111; background:#666; top: 0px;    bottom: 0px;    left: 0px;    right: 0px;opacity: 0; }
.gen_toltip_left:after, .gen_toltip_left:before {right:inherit; left:0px; margin-right: inherit;}
.gen_toltip_left:after{margin-left: 11px;}
.gen_toltip_left:before{margin-left: 9px;}
/* tooltip top */
.tooltip_top {
  position: relative;
}
.tooltip_top:hover{color:#fff; background:#00adef !important;}
.tooltip_top .tooltiptext, .short_tip .tooltiptext{
    font-family:"LatoRegular";
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -20px;
}

.tooltip_top .tooltiptext::after, .short_tip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 10%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
.tooltip_row tr:first-child .tooltip_top .tooltiptext, .tooltip_row:first-child .tooltiptext {
    bottom:-100%;
}
.tooltip_row tr:first-child .tooltip_top .tooltiptext::after,  .tooltip_top:first-child .tooltiptext::after {
   top:inherit; bottom: 100%; border-color: transparent transparent #555;
}
.tooltip_row tr > td:last-child.tooltip_top .tooltiptext, .tooltip_row tr > td:nth-last-child(2).tooltip_top .tooltiptext, .tooltip_row tr > td:nth-last-child(3).tooltip_top .tooltiptext {
    left:inherit; right:50%;
}
.tooltip_row tr > td:last-child.tooltip_top .tooltiptext::after, .tooltip_row tr > td:nth-last-child(2).tooltip_top .tooltiptext::after, .tooltip_row tr > td:nth-last-child(3).tooltip_top .tooltiptext::after  {
   left:inherit; right:10%;
}


/* tooltip */


.tool-tip{
	color: #fff;
	background-color: rgba( 0, 0, 0, .7);
	text-shadow: none;
	font-size: .8em;
	visibility: hidden;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px; 
	-o-border-radius: 7px; 
	border-radius: 7px;	
	text-align: center;	
	opacity: 0;
	z-index: 999;
	padding: 3px 8px;	
	position: absolute;line-height: 16px;
	cursor: default;
	-webkit-transition: all 240ms ease-in-out;
	-moz-transition: all 240ms ease-in-out;
	-ms-transition: all 240ms ease-in-out;
	-o-transition: all 240ms ease-in-out;
	transition: all 240ms ease-in-out;	
}

.tool-tip,
.tool-tip.top{
	top: auto;
	bottom: 114%;
	left: 50%;		
}

.tool-tip.top:after,
.tool-tip:after{
	position: absolute;
	bottom: -12px;
	left: 50%;
	margin-left: -7px;
	content: ' ';
	height: 0px;
	width: 0px;
	border: 6px solid transparent;
    border-top-color: rgba( 0, 0, 0, .7);	
}

/* default heights, width and margin w/o Javscript */

.tool-tip,
.tool-tip.top{
/*	width: 80px;*/
	height: 22px;
	margin-left: -43px;
}

/* tool tip position right */

.tool-tip.right{
	top: 50%;
	right: auto;
	left: 106%;
	margin-top: -15px;
	margin-right: auto;	
	margin-left: auto;
}

.tool-tip.right:after{
	left: -5px;
	top: 50%;	
	margin-top: -6px;
	bottom: auto;
	border-top-color: transparent;	
    border-right-color: rgba( 0, 0, 0, .7);	
}

/* tool tip position left */

.tool-tip.left{
	top: 50%;
	left: auto;
	right: 105%;
	margin-top: -15px;	
	margin-left: auto;	
}

.tool-tip.left:after{
	left: auto;
	right: -12px;
	top: 50%;
	margin-top: -6px;
	bottom: auto;
	border-top-color: transparent;	
    border-left-color: rgba( 0, 0, 0, .7);	
}

/* tool tip position bottom */

.tool-tip.bottom{
	top: 115%;
	bottom: auto;
	left: 50%;
	margin-bottom: auto;	
}

.tool-tip.bottom:after{
	position: absolute;
	top: -12px;
	left: 50%;
	margin-left: -7px;
	content: ' ';
	height: 0px;
	width: 0px;
	border: 6px solid transparent;
    border-top-color: transparent;	
    border-bottom-color: rgba( 0, 0, 0, .6);	
}

/* tooltip on focus left and right */

.on-focus .tool-tip.left,
.on-focus .tool-tip.right{
	margin-top: -19px;
}

/* on hover of element containing tooltip default*/

*:not(.on-focus):hover > .tool-tip,
.on-focus input:focus + .tool-tip, .on-focus textarea:focus + .tool-tip{
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 240ms ease-in-out;
	-moz-transition: all 240ms ease-in-out;
	-ms-transition: all 240ms ease-in-out;
	-o-transition: all 240ms ease-in-out;
	transition: all 240ms ease-in-out;		
}


/* tool tip slide out */

*:not(.on-focus) > .tool-tip.slideIn,
.on-focus > .tool-tip{
	display: block;
}

.on-focus > .tool-tip.slideIn{
	z-index: -1;
}

.on-focus > input:focus + .tool-tip.slideIn, .on-focus > textarea:focus + .tool-tip.slideIn{
	z-index: 1;
}

/* bottom slideIn */

*:not(.on-focus) > .tool-tip.slideIn.bottom,
.on-focus > .tool-tip.slideIn.bottom{
	top: 50%;	
}

*:not(.on-focus):hover > .tool-tip.slideIn.bottom,
.on-focus > input:focus + .tool-tip.slideIn.bottom, .on-focus > textarea:focus + .tool-tip.slideIn.bottom{
	top: 115%;
}	

.on-focus > input:focus + .tool-tip.slideIn.bottom, .on-focus > textarea:focus + .tool-tip.slideIn.bottom{
	top: 100%;
}

/* top slideIn */

*:not(.on-focus) > .tool-tip.slideIn,
*:not(.on-focus) > .tool-tip.slideIn.top,
.on-focus > .tool-tip.slideIn,
.on-focus > .tool-tip.slideIn.top{
	bottom: 50%;
}

*:not(.on-focus):hover > .tool-tip.slideIn,
*:not(.on-focus):hover > .tool-tip.slideIn.top,
.on-focus > input:focus + .tool-tip.slideIn,
.on-focus > input:focus + .tool-tip.slideIn.top, .on-focus > textarea:focus + .tool-tip.slideIn, .on-focus > textarea:focus + .tool-tip.slideIn.top{
	bottom: 110%;
}	

/* left slideIn */

*:not(.on-focus) > .tool-tip.slideIn.left,
.on-focus > .tool-tip.slideIn.left{
	right: 50%;	
}

*:not(.on-focus):hover > .tool-tip.slideIn.left,
.on-focus > input:focus + .tool-tip.slideIn.left, .on-focus > textarea:focus + .tool-tip.slideIn.left{
	right: 105%;		
}

/* right slideIn */

*:not(.on-focus) > .tool-tip.slideIn.right,
.on-focus > .tool-tip.slideIn.right{
	left: 50%;		
}

*:not(.on-focus):hover > .tool-tip.slideIn.right,
.on-focus > input:focus + .tool-tip.slideIn.right, .on-focus > textarea:focus + .tool-tip.slideIn.right{
	left: 105%;
}

.header_logo {    background-image: url('logo.png'); background-repeat:no-repeat; width:320px; height:85px; position:absolute; top:5px; left:5px;}
.bus_logo {width:320px; height:85px; position:absolute; top:5px; left:5px;}
.print_cont_service_req{position: relative;}
.print_cont_service_req .req_pdf, .print_cont_service_req .gen_lnk1, .print_cont_service_req .gen_lnk, .print_cont_service_req .btncol, .print_cont_service_req .btn, .print_cont_service_req .bcol, .print_cont_service_req .lev_pdf{ display:none;}
.print_cont_prf .inr_tab{ display:none;}
.lft_tip:after, .lft_tip:before{right: 90%;}
.hid_hig .switch-button-background{ height:0px !important;}
/*Form Builder*/
.options{width:200px;height:550px;border:1px solid #000;float:left}
/*.frame{ width:513px; height:550px; background-repeat: repeat-y; background-position: 0 0; border:1px solid black; float:right;}*/
.frm_hed{background:#666;color:#fff;font-size:16px;padding:10px 0;text-align:center}
.frm_txtlft{text-align:left;height:100%}
.frm_txtmid{border-left:1px solid #ccc;border-right:1px solid #ccc;min-height:378px}
.frm_txtrht{text-align:left;height:318px;padding:10px 0;overflow-y:auto;overflow-x:hidden}
.frm_txtrht .col_lft{width:90%!important;margin:0 4%}
.frm_txtrht .col_rht{width:90%!important;margin:0 4%}
.frm_txtrht .col_srht{margin:0 4%!important}
.frm_txtrht .divempty5{border-bottom:1px solid #eee}
.tbldevs{width:100%;font-size:14px}
.tbldevs th{text-align:center;height:50px;width:50px}
.tbldevs td{height:50px;width:25%;position:relative;padding:0!important; border:1px solid #ccc;}
.tblhr_ser{width:100%;font-size:14px}
/*.tblhr_ser > tbody > tr > td:first-child{width:32%;font-weight:700;padding:5px 1%;line-height:32px;position:relative;vertical-align:middle;text-align:right}*/
.tblhr_ser > tbody > tr > td:first-child{width:30%;position:relative;}
.tblhr_ser > tbody > tr > td{padding:5px;position:relative;vertical-align:top;}
/*.tblhr_ser > tbody > tr > td{padding:5px 1%;position:relative;vertical-align:top; line-height:32px;}
.tblhr_ser > tbody > tr > td:last-child{font-weight:700;padding:5px 1%;position:relative}*/
.tblhr_ser > tbody > tr > td:last-child{position:relative}
.tblhr_ser_lst > tbody > tr > td:first-child{ vertical-align:top; font-weight:normal; text-align:right;}/*font-weight:700; width:30%;*/
.tblhr_ser_lst > tbody > tr > td:nth-child(2){ vertical-align:top; font-weight:normal; text-align:left;}/*width:70%;*/
/*.tblhr_ser_lst > tbody > tr > td:first-child{width:25%; vertical-align:top; font-weight:700; text-align:right;}
.tblhr_ser_lst > tbody > tr > td:nth-child(2){width:25%; vertical-align:top; font-weight:normal; text-align:left;}
.tblhr_ser_lst > tbody > tr > td:nth-child(3){width:25%; vertical-align:top; font-weight:700; text-align:right;}
.tblhr_ser_lst > tbody > tr > td:nth-child(4){width:25%; vertical-align:top; font-weight:normal; text-align:left;}*/
.modiby .tblhr_ser > tbody > tr > td{width:25%!important}
.dragged1,.dragged2,.dragged3,.dragged4,.dragged5,.dragged6, .dragged7{border:1px solid #ccc;position:absolute;height:32px;padding:0 20% 0 10px;font-size:14px;line-height:32px}
.dragged2:after,.dragged3:after,.dragged4:after,.dragged5:after,.dragged6:after,.dragged7:after{font-size:18px;line-height:32px;position:absolute;right:0;color:#666;padding:0 5px}
.dragged1{background:#eee}
.dragged1:after{content:"Label";width:100%;font-family:Arial;text-align:center;line-height:32px;position:absolute;color:#666;margin-left:-10px}
.dragged2:after{content:" "}
.dragged3:after{content:"\f107"}
.dragged4:after{content:"\f073"}
.dragged5:after{content:"\f0c6"}
.dragged6:after{content:"\f07d"}
.dragged6{padding-bottom:20px}
.dragged6:before{content:"\f211";font-size:14px;position:absolute;right:0;bottom:0;color:#ccc}
.dragged7:after{content:"\f017"}

.drag_cont{font-size:14px}
.drag_cont .drg_ico{width:23.5%;border-right:1px solid #ccc;position:relative;min-height:32px;padding:5px 4%;float:left;font-size:16px;}
.drag_cont .drg_txt{width:60%;padding:5px 4%;float:left;line-height:32px}
.drag_lbl .drg_ico:before{width:100%;background:#eee;content:"Text";font-family:Arial;text-align:center;line-height:32px}
.drag_txt .drg_ico:before{width:100%;border:1px solid #999;content:" ";font-family:Arial;text-align:center;line-height:32px;padding:14px 0}
.drag_cmb .drg_ico:before{width:100%;border:1px solid #999;content:" ";font-family:Arial;text-align:center;line-height:32px;padding:14px 0}
.drag_cmb .drg_ico:after{content:"\f107";position:absolute;top:14px;right:10px}
.drag_dat .drg_ico:before{width:100%;border:1px solid #999;content:" ";font-family:Arial;text-align:center;line-height:32px;padding:14px 0}
.drag_dat .drg_ico:after{content:"\f073";position:absolute;top:14px;right:10px}
.drag_tim .drg_ico:before{width:100%;border:1px solid #999;content:" ";font-family:Arial;text-align:center;line-height:32px;padding:14px 0}
.drag_tim .drg_ico:after{content:"\f017";position:absolute;top:14px;right:10px}
.drag_ath .drg_ico:before{width:100%;content:"\f0c6";text-align:center;line-height:32px;font-size:18px}
.drag_mlt .drg_ico:before{width:100%;border:1px solid #999;content:" ";font-family:Arial;text-align:center;line-height:32px;padding:14px 0}
.drag_mlt .drg_ico:after{content:"\f07d";position:absolute;top:14px;right:10px}
.dragged1:focus,.dragged2:focus,.dragged3:focus,.dragged4:focus,.dragged5:focus,.dragged6:focus,.dragged7:focus,.dragged1:hover,.dragged2:hover,.dragged3:hover,.dragged4:hover,.dragged5:hover,.dragged6:hover,.dragged7:hover{outline:none;border-color:#9ecaed;box-shadow:0 0 10px #9ecaed}
.drag2{margin-left:15px;margin-top:15px;width:32px;height:32px}
.drag3{margin-left:15px;margin-top:15px;width:32px;height:32px}
.drag4{margin-left:15px;margin-top:15px;width:32px;height:32px}
.drag5{margin-left:15px;margin-top:15px;width:32px;height:32px}
.drag6{margin-left:15px;margin-top:15px;width:32px;height:32px}
.ui-draggable-helperMoving{border:1px dotted #000;padding:6px;background:#fff;font-size:1.2em;width:100px;height:100px}
.ui-draggable-helperStoped{border:1px solid #000;width:5px;height:5px}
.element{border:1px solid red}

.drag_fields{}
.drag_list > div{padding:5px; border-bottom:1px solid #eee;}
.drop_fields{ margin:1%; background:#fff; border:1px solid #eee; padding:5px;}
.drop_fields .drop_list{padding:5px; border-bottom:1px solid #eee;}
.drop_fields .drop_list > div{font-size:14px; padding:5px;font-family: 'LatoRegular';}
.drop_fields .drop_list > div:first-child{font-weight:bold;}

.drop_fields .drop_rem{color:#ff8877; text-align:right; }
/*Shek Wrote Css 15 05 2015*/
.displayz{ display:inline;}
 .firs_tit{float:left;display:inline;width:auto;font-size:13px; }
 .full{float:left;display:inline;width:100%;}
.auto{float:left;display:inline;width:auto ;}
 .srt1 {background-color:#5cb85c ;padding:5px 10px;border-radius:5px;}
  .mod1 {background-color:#f39c11 ;padding:5px 10px;border-radius:5px;}
 .clo1 {background-color:#d9534f ;padding:5px 10px;border-radius:5px;}
 .mge_brown{color:#e56735 !important;}/*brown color comment */
.chgrq tr td:nth-child(3){text-align:center;}

 .dashbot{border-bottom: 1px dashed #ccc;margin: 0 0 20px;padding:0 0 10px;}
 .marg_bot1{margin:0 0 10px !important;}
.bord_style {border-bottom: 1px solid #ccc;padding: 0 0 10px;color: #00adef;font-size: 14px;font-weight: bold; position:relative;cursor:pointer;}
.bord_style span {background: url('images/border_style.png') 0 center no-repeat; position: absolute;height: 40px;z-index: 999; width: 40px;bottom: -29px;left: 48%;}
 .textcenter{text-align:center;}
 .chg_labelz{font-size:12px;padding:10px 0 !important;}
 .chg_labelz .col_lft{width:30%;font-size:13px;}
  .chg_labelz .col_rht{width:65%;}
  .inputztext{margin:0 5px;line-height:35px;}
 .rodtxt{margin:10px 5px 0;float:left; }
 /*.chg_labelz .rht{float: left;width: auto !important;margin: 0 0 0 10px;}*/
 .chg_labelz input[type='radio']{float:left;margin-top:10px;}
.chg_labelz .rht .cmbflt { float:left;min-width:50px;}
.chg_labelz .rht .cmbflt .cmbflttxt{min-width:20px;float:left;width:auto;}
.custnot{ position: absolute;background-color: #fff;padding: 10px; border: 2px solid #00adef;left: 59%;bottom: -160px;z-index: 999;}
.custnot .inp{margin:10px 0;}
.chg_labelz a{ float: left;color: #00adef;font-weight: bold;font-size: 13px;cursor:pointer;line-height:30px;}
.custnot{font-size:13px;color:#333;font-weight:bold;}
.emp_filter_head{padding:5px; border:1px solid #ccc; border-radius:5px;margin:0 15px;width:450px;}
.color_box{border-right:1px solid #ccc;padding:0 35px;font-size:14px;width:auto;text-align:center;position:relative;color:#222;}
.color_box:last-child{border-right:0 none;}
 .color_box i {background-color: #49b4aa;width: 10px; height: 10px; position: absolute; border-radius: 50%; top: 6px; left: 15px;cursor:pointer;}
 .color_box:nth-child(2) i {background-color:#2dcb74;}
 .color_box:nth-child(3) i {background-color:#b07cc4;}
 .color_box:nth-child(4) i {background-color:#f6be0f;}
.color_box.active{color:#00adef;}
.threepadd{padding:30px;width:94.2%;}
.threepadd .tie_lst .nam{text-align:center;}
.threepadd .past{border-bottom:5px solid #2dcb74 !important;}
.threepadd .current{border-bottom:5px solid #b07cc4 !important;}
.threepadd .proposed{border-bottom:5px solid #f6be0f !important;}
.tab_bg_Sec {padding:2.5%; width: 95%; background: #fff;border: 2px solid #ccc; margin: 40px 0px;}
.floatright{float:right !important;}
.whitebg{padding:10px;background-color:#fff;border:1px solid #ccc;margin:0 0 20px 33%;width:62.5% !important;float:left;}
.txtside .inp{float:left;width:auto;}
.txtside span{margin:0 0 0 15px;}
.txtside span b{float: right;font-size: 15px;color: #666;margin: 0 5px 0 10px;}
.ico3 {font-size:16px;margin:0 10px;color:#333;cursor:pointer;}
.chgreq1 td{font-size:16px; padding:10px 0;}
.chgreq1 tr:last-child td{display:none;}
.tie_sch > div:hover, .tie_lst:hover{background:transparent;}
.chgreq1 table th{display:none;}
 
.chgreq1 tr{float:left;display:inline;width:100%;margin:0 0 30px;}
.chgreq1 tr td:first-child { border-left:0 none;}
.chgreq1 tr:first-child td:first-child , .chgreq1 tr tr td{border-left:0 none;}
.chgreq1 tr td:first-child tr td:first-child{border-left: 2px solid #00adef;float:left;display:inline;width:80%;padding:30px;}
.chgreq1 tr td:first-child tr td:last-child{padding:30px 0;}
.grd_rat{border-left: 2px solid #00adef;padding:20px;float:left;display:inline;width:100%;margin:0 0 10px;background-color:#f9f9f9; }
.chgreq1 tr:hover{background-color:transparent !important;}
.chgreq1 tr:first-child{float:right;width:auto;}
.pos_rel{position:relative;} 
.sec_aln span{float:left;margin:0 10px 0 0;}
.aln1 {padding: 0;width: 67% !important;color: #00adef;font-weight: bold;cursor:pointer;}
.marg1{margin:15px 0 0;}
 .rearran .inp{ margin:0 0 30px !important;}
 
.grd_rat_inn{border-top:1px solid #ccc;padding:10px 0;margin:20px 0 0;}
.rearran2 > div{height:60px; webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -2px 0 rgba(0,0,0,.25), inset 0 -3px 0 rgba(255,255,255,.2), 0 1px 0 #75a2dd;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -2px 0 rgba(0,0,0,.25), inset 0 -3px 0 rgba(255,255,255,.2), 0 1px 0 rgba(0,0,0,.25);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -2px 0 #00adef, inset 0 -3px 0 rgba(255,255,255,.2), 0 1px 0 #00adef;}
.rearran2 .nam{float:none; display: inherit;}
.inn_task .floatright {font-size:20px;}
.cusnot2 {left:50px;padding:15px;border:1px solid #ccc !important;}
.rearran4{padding:15px;border:1px solid #ccc;background-color:#fff;margin:15px 0 0;position:relative;z-index:999;font-family: 'LatoRegular';float:left;display:inline;width:300px;}
.tol_btn .rearran4 { float:right !important;}
.tol_btn .rearran4:before, .tol_btn .rearran4:after { left:96% !important;}
.ques_ul i{left: 6% !important;top: 10px !important;}
.rearran4 .ui-sortable-handle, .ques_ul .ui-sortable-handle {width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent;border-bottom: 10px solid #00adef;position:absolute;top:-10px;left:12%;z-index:999; }
.rearran_value{font-size:13px;padding:8px 15px;background-color:#77cc55;margin:0 0 10px;color:#fff;line-height:20px;cursor:pointer;}
.rearran_value:before{ content:"\f067";margin:6px 10px 0 0;font-size:12px;float:left;}
.remainz3 {    position:absolute !important;    right:0;    top:40px;    width:400px !important;}
.remainz3:before, .remainz3:after{left:75% !important;}
.remainz3 .fa-edit {  position: absolute;  right: 10px;  top: 30px;  cursor:pointer;}
.remainz3 .fa-save{ position: absolute;  right: 10px;  top: 20px;  cursor:pointer;}
.inner_paddz{padding:2%;width:96% !important;background-color:#f5f5f5;margin:0 0 10px;}
.bgratio{background-color:#f5f5f5;padding:3%;width:94% !important;}
.smlhead{font-size:16px;margin:0 0 30px;border-bottom:1px solid #ccc;line-height:50px;padding:0 0 10px;}
.chg_labelz .col_lft i{margin: -5px 0 0 5px;float: right;}
.trash1{content:"\f014";font-family:FontAwesome;}
.emp_bg{background-color:#ccc !important;color:#333 !important;cursor:default;}
.grn_card{padding:1% 2%;width:94% !important;background-color:#fff;box-shadow:0 0 3px #999;margin:0 0 20px;border-left:20px solid #8DCA09;font-family: 'LatoRegular';font-size: 14px;
  font-weight: bold;}
.gry_card{padding:1% 2%;width:94% !important;background-color:#fff;box-shadow:0 0 3px #999;margin:0 0 20px;border-left:20px solid #ccc;font-family: 'LatoRegular';font-size: 14px;
  font-weight: bold;}
.title{font-size:14px;font-weight:bold;color:#333;margin:0 0 20px;}
.tsklib .nam{cursor:pointer;}
.ckbox1{position:absolute !important;right:10px;top:10px;}
.ckbox1:before{content:none !important;}
.del5{position:absolute;top:10px;right:10px;cursor:pointer;font-size:20px;}
.del5:before{content:"\f014";}
.no-padd{padding:0 !important;}
.ques_ul, .ques_survey_ul {background-color: #fff;padding: 1%;width: 100% !important;margin:1px 0;border:1px solid #00adef;}
.floatright1{float:right!important;width:67% !important;}
.quesname{color:#00adef;font-weight:bold;font-size:14px;margin:0 0 10px;}
.ques_ul li, .ques_survey_ul .survey_li{    /* box-shadow: 0 0 5px #ccc; */
    border-radius: 5px;
    padding: 1%;
    float: left;
    width: 100%;
    margin: 0px 0 5px;
    position: relative;
    background-color:#f8f8f8 !important
}
.ques_ul li:last-child, .ques_survey_ul .survey_li:last-child{margin:0px;}
.marg2{margin:0 10px;}
.chgx1 { margin: 0 !important; padding: 10px;width: 300px;position: absolute !important;z-index: 99; top: 40px; left: 40px;}
.chgx1.modi{margin: 9px 0 0 !important;left: 82px !important;}
.chgx1 .smlhead{color:#333 !important;}
.bord6{box-shadow:0 0 6px #ccc;border:1px solid #ccc;margin:5px 0;border-radius:5px;padding:3%;width:91%;text-align:left;text-overflow: ellipsis;overflow: hidden;}
.overflo{height:250px;overflow:auto;}
.chgx1 .src_hed .inp{margin:0 0 20px;width:90%;float:left;}
.videotext{width:65% !important;}
 .videotext .fa-plus{top: 2px;right: 10px;padding: 8px;background-color: #00adef;color:#fff;position:absolute;}
.videogrid{ background-color: #fff;padding: 2%;width: 96%;margin: 20px 0;border: 1px solid #ccc;box-shadow: 0 0 5px #ccc;}
 .videogrid .tie_rpt_ft > div{background-color:#eee;margin:0 0 10px;}
.videogrid .tie_rpt_ft > div .fa-trash-o{top: 10px;right: 4px; color:#000;position:absolute;}
.blue_colz{color:#00adef;cursor:pointer; }
.para{font-weight:normal}
.box_cont1{ background: #f8f8f8;border: 1px solid #eee;padding: 1%;color: #666; width: 100%;}
.fulladju{float:left;display:inline;width:96%;}


/*final alters 27/05/2015 */
.gen_tit{float:left;padding:1%;width:98%;} 

.lnk_txt{margin:0 0 0 5px;}
 .sml_img .prfimg, .sml_img1{width:40px;height:40px;float:left;line-height:36px; font-size:24px;}
 .sml_img .prfimg img, .sml_img1 img{max-width:100%;margin:0 auto; width:100%;height:100%;}
 .pg_tabs2{position:absolute;top:0px;}
 .sml_img1{font-size:24px;line-height:36px;position:relative;margin:0 10px 0 0;}
 .sml_img1 img{position:relative;z-index:999;}
.sml_img1:before { position: absolute; top: 8px;color: #888;z-index:1; text-align: center; width: 100%;}
 .bord7{border:1px solid #f5f5f5;padding:0 1% 1%;width:100%;}
  .bord7 th div{font-size:13px !important;}
.bord7 table tr td:nth-child(8), .bord7 table tr td:nth-child(6), .bord7 table tr td:nth-child(7){color:#f15b0f;}
.bordcolor table tr td:nth-child(5), .bordcolor table tr td:nth-child(6), .bordcolor table tr td:nth-child(7){color:#f15b0f !important;}
  .bordcolor table tr td:nth-child(8){color:#333 !important;}
  .sml_fontz{font-size:12px;text-align:right;}
  .bgz01{background-color:#71c8c8 !important;}
  .bgz02{background-color:#a9d96c !important;}
  .bgz03{background-color:#fecb3a !important;}
  .bgz04{background-color:#EDF9FF !important;}
  .auto1{float:left;width:auto !important;}
  .remindz > div{float:left;display:inline;width:100%;position:relative; }
    .remindz > div blue_colz{position:relative;}
  .remainz2{margin:10px 0;left:70%;width:300px;}
  .remainz2 .fa-edit, .remainz2 .fa-save{position:absolute;right:10px;top:30px;}
  .remzin_arr{left:60% !important;}
  .not_ass2{position:absolute;top:17px;right:9%;padding: 0 16px;color: #fff;background-color:#cc3333;}
  .not_ass2:before { content: "\f0da";top: -5px;left: -1px;color: #fff;font-size: 30px;position: absolute; }
  .smlfont{font-size:13px;padding:7px;}
  .tie_lst:hover .em2{color:#333 !important;}
  .em2{ float: left;display: inline;width: 90%;text-overflow: ellipsis;padding: 5%;overflow: hidden;}
  .lnht{line-height:34px !important;}
  .lnht1, .pos_abs5 .cmbflt{line-height:21px;}
.pos_abs5 {position: absolute;top: 100px;width: 32%;}
.pos_abs5 span{float: left;margin: 0 10px 0 0;line-height: 50px;color: #00adef;font-weight:bold;}
.sml2 .btn_gen{margin:0 auto;width:100px;}
.grd_heds{background:#00adef;color:#fff;font-size:14px;line-height:20px;font-weight:bold;}
.tie_col{float:left;width:100%;display:inline;}
.no-border{border:0 none !important;}
.no-border > div{border:1px dashed #ccc !important;}
.no-border > div > div > div{overflow:hidden;text-overflow:ellipsis;} 
.marg25{margin:5px 10px 0;}
.left_parts, .right_parts{float:left;display:inline;width:50%;}
/*.marg_top{margin:20px 0 0;}*/
.halfwidth{float:left;display:inline;width:60%;}
.solidbord{border-bottom:1px solid #ccc;}
.solidbord_top{border-top:1px solid #ccc;}
.third_width{float:left;display:inline;width:30%;}
.no-marg{margin:0 !important;}
.full3 .inp_dp{width:96%;}
.chg6{margin:0 10px;}
.chg6 img{top:0;}
.gen_lnk2{ cursor: pointer;color: #00adef;font-weight: normal;padding-left: 5px;font-size: 14px;line-height:30px;font-weight:bold;}
.flt_l{float:left;}
.greymarg{color:#999;margin:0 10px 0 0;font-size: 14px;line-height:30px;font-weight:bold;}
.chgbg2 {background-color:#fff !important;}
.chgbg2 .nam{color:#00adef;}
.gre.fi-check{border-radius:0;}
.gre.fi-check:before{ padding: 2px 0 4px;}
.col_lft .fa{margin:0 10px 0 0;}
.dtrtable td td{padding:1%;}
.sml_font15{font-size: 12px;color: #000;font-weight: bold;}
.hir_act{}
.hir_act:before{content:""; position:absolute; top:0px; left:0px; width:3px; background: #00adef; height:100%;}
.tile_wiz > div:hover .emp_nam{ color:#fff !important;}
.box_incont .edt, .box_incont .asg, .box_incont .act, .box_incont .inact, .box_incont .dlt, .box_incont .sav, .box_incont .actfa{float:left;margin:2px;}
.pos_abs15{ position: absolute; top: 215px;left: 2%;width: 96%;}
.imp_spc tr td{padding:2px 0;}
.redcol{color: #990000;font-size: 14px;font-weight: bold;}
.slidr-breadcrumbs li{border-radius:50%;}
.desc{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.labelz{font-size: 13px; line-height:32px;color:#333;font-weight:bold;}
.col_clr .owl-nav .owl-prev{width: 30px;height: 30px;top: 40%;left: 7px;}   
.col_clr .owl-nav .owl-prev:before, .col_clr .owl-nav .owl-next:before{padding:5px;font-size:12px;line-height:20px;width:14px;}
.col_clr .owl-nav .owl-next{width: 30px;height: 30px;top: 40%;right: 7px;}
.col_clr .owl-nav .owl-next:before{width:25px;}
.pg_main .single-bord > div{border-left:1px solid #ccc !important}
.absentarea{background-color:#719dc3;box-shadow:0 2px 2px #ccc;float:left;display:inline;width:100%;padding:5%;}
.absent_title{color:#fff;font-size:14px;line-height:26px;border-bottom:1px solid #fff; font-family: 'LatoRegular' !important; padding:0 0 15px;}
.org_filtersec{background-color:#fff; color:#333;color: #093963;font-size: 12px;text-align: center;font-weight: bold;padding:0;margin:0 0 10px;}
.orgfiler2{padding:7px 6px ;background-color:#ccc;cursor:pointer;}
.orgfiler2.active{background-color:#fff;}
.absentvalue{color:#fff;font-size:14px; padding:24px 0;border-bottom:1px solid #ccc;font-weight: bold; text-align: center;}
.absentvalue:last-child{border-bottom:0 none;}
.absentvalue p{text-align: center;font-size: 36px; padding-bottom:34px;}
.timemaintain{ background-color: #fff;border-top: 5px solid #02adf1;margin: 10px 0 30px;}
.dtrtitlearea p{float:left;display:inline;width:33%;font-size:14px;color:#333;font-weight:bold;text-align:center;margin:10px 0 0;}
.tdrtablez .dptlst table{ background-color: #fff;width: 100%;}
.tdrtablez .dptlst .dpt td{font-size:12px;color:#333;}
.tdrtablez .inp_dp input{text-align:center;}
.tdrtablez .inp_dp{width:45%;margin:0 29%;}
.tdrtablez td{line-height:40px;}
.grd_err td{font-size:14px;padding:1%;}
.taemp .tile_wiz > div >div{height:230px;}
.rev_mar50{margin:-45px 0 0 !important}
.box_incont .grd td{padding:1% 0;}
.crtlab .col_lft{width:25%;}
.workaholics{box-shadow: 0 0 5px #ccc;border: 1px solid #ccc; padding: 10px;}
.workholic_title{font-size:14px;color:#666;font-family: "LatoRegular" !important;line-height:34px;}
.workaholics_inntitle{padding:0 0 10px;border-bottom:1px solid #ccc;margin:0 0 10px;}
.bgchg5{background-color:#bec1f3 }
.bgchg5.active{background-color:#9398ec}
.workalholictablez{height:324px;overflow-y:auto;}
.workalholictablez .sml_tit8{float:left;}
.workalholictablez thead th{background:#eee; font-size:12px; color:#333;}
.workalholictablez tbody tr td td{border-bottom:1px dashed #ccc; border-top:0px; padding:5px 0 !important;}
.workalholictablez1 img{float:left;display:inline;width:60px;border-radius:50%;border:2px solid #ccc;margin:0 10px 0 0;height:60px;}
.workalholictablez1{font-size:12px;color:#333;}
.sml_tit8{margin: 0 0 5px;float: right;font-size: 12px;width: 63% !important;line-height: 16px;}
.dtntime p{color:#00b050;font-weight:bold;font-size:12px;text-align:center;}
.dtntime span{color:#03351a;}
.viewmorez{color:#00adef;font-weight:bold;font-size:12px;cursor:pointer;margin:10px 0 0;}
.workalholictablez #grdTardinessUnderTime1_footer{display:none;}
.workalholictablez .table{margin-bottom:0 !important}
.view_fullist th{background-color:#00adef;color:#fff;font-size:14px;text-align:center;}
.view_fullist .table{border:1px solid #ccc;}
.view_fullist .sml_tit8{font-size:14px;width:85% !important;}
.view_fullist .dtntime p{font-size:14px;}
.lightlineht {line-height:20px;}
.lightlineht span{ color: #999;font-weight: normal;}
.dash_wek {font-size:14px;}
.dash_wek th{background-color:#f2f6f7}
.dash_wek b{font-weight:bold !important;margin:0 0 5px;}
.dash_wek b, .dash_wek span{float:left;display:inline;width:100%;text-align:center;font-weight:normal;}
.dash_wek th:first-child{background-color:#fff;}
.dash_wek > table > tbody > tr > td > table{border-spacing:2px;}
.dash_wek > table > tbody > tr > td > table > tbody > tr:nth-child(odd) > td:first-child{background-color:#f2f6f7 !important; font-weight:bold !important;}
.dash_wek > table > tbody > tr > td > table > tbody > tr:nth-child(even) > td:first-child{background-color:#fff !important; font-weight:bold !important;}
.dash_wek > table > tbody > tr > td > table > tbody > tr:first-child > td{background-color:#c8e6ca}
.dash_wek > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td{background-color:#b2dfdc}
.dash_wek > table > tbody > tr > td > table > tbody > tr:nth-child(3) > td{background-color:#b2ebf2}
.dash_wek > table > tbody > tr > td > table > tbody > tr:nth-child(4) > td{background-color:#d8e8f5}
.dash_wek > table > tbody > tr > td > table > tbody > tr:nth-child(5) > td{background-color:#bbdefa}
.dash_wek > table > tbody > tr > td > table > tbody > tr:nth-child(6) > td{background-color:#ffcdd2}
.dash_wek span{font-size:12px;}
.dash_wek > table > tbody > tr > td > table > tbody > tr > td{text-align:center !important;border-bottom: 1px dashed #ccc; border-top:0px !important; padding: 10px; color:#000; margin-bottom:1px;}
.dash_wek td:first-child{text-align:left !important; color:#666;}
.align60 > div{padding:5px 5px 5px 15px !important}
.fixingss .owl-item > div{min-height:222px !important;}
.dtrtable td:last-child{text-align:center;}
.marg_left2{margin:0 18px 0 0;}
.marg_left3{margin:0 18px 0 0;}
.workalholictablez th:first-child{text-align:left;}
.workalholictablez tr td{padding:8px 0 !important;}
.flt_none{float:none !important}
.thaln2 th:nth-child(2n){text-align:left !important}
.marg5{margin:15px 0;}
.marg_right3{margin:0 25px 0 0;}
.smllabelz{font-weight:normal;margin:0 20px;}
.autosearchbox .autoPickContainer{height:auto !important;font-family: "LatoRegular";font-size: 15px;color: #333;line-height:26px;padding: 0 !important;
    overflow: hidden;}
div.autoPick ul.Dropdown {max-height:300px;}
div.autoPick ul.Dropdown li{font-size:14px; color:#333;}
div.autoPick ul.autoPickContainer li.Placeholder{padding:10px !important;width:100%; line-height: 14px !important; font-weight: normal; font-size:14px;}
div.autoPick ul.autoPickContainer li.autoPick, div.autoPick ul.autoPickContainer li.autoSearch{ margin: 0 !important;height: auto !important;float: left; width: 100%; color:#333; border:0px !important; background:transparent !important;}
div.autoPick ul.autoPickContainer li.autoSearch input{line-height:20px !important;}
.title6{font-size:14px;color:#00adef;line-height:24px;margin:0 0 5px;text-transform:capitalize}
.title6 i{color:#999;margin:0 0 0 10px;}
.title6 .fa-circle{color:#8DCA09 !important; font-size:10px !important; margin:0 5px 0 0 !important;width:20px;text-align:center;float:left;line-height:22px;}
.sessiondetailz p{font-size:12px;color:#666;margin:0 0 5px;}
.sessiondetailz p i{color:#333;font-size:14px;margin:0 5px 0 0;width:20px;text-align:center;float:left;}
.reportarez input, .reportarez span{float:left;display:inline;width:auto;font-size:14px;color:#333;line-height:24px;font-weight: bold;}
.marg_top3{margin:5px 0 0 10px;}
.marg_top6{margin:5px 0 0 10px !important;}
.promocard{padding:23px 10px;background-color:#eee;float:right;display:inline; width: 19%;margin: 0 0 0 10px;}
.promocard p, .promocard b{font-size:13px;float:right;display:inline;width:81%;color:#666;}
.promocard span{padding:5px;float:left;display:inline;width:auto;border-radius:50%;color:#fff;background-color:#000;font-size:16px;margin:0 10px 0 0;}
.vol_col{color:#a478ff !important;}
.promocard b{font-size:16px !important}
.promocard b span{float:none !important;color:#319f9f !important; font-weight:bold; background: none;margin: 0 !important; padding: 0 5px !important;font-size: 13px;}
.padd6{padding:10px;}
.heightinc .col_lft{ float:left;}
.heightinc input{height:28px;float:left;}
.heightinc textarea{height:60px;float:left;}
.heightinc .grd_rat{margin:0 10px 10px 0}
.align15 .col_lft3{ width: 20%;}
.align15 .txt_aln {text-align: right !important;}
.emptrainhours{padding:10px;background-color:#eee;}
.hour2{font-size:32px;color:#9398ec;font-weight:bold;}
.hour3{font-size:14px;color:#666;}
.smlspanhour{color:#9398ec;font-size:14px;margin:0 0 0 10px;}
.tab_hour60 span{background-color:#9398ec;color:#fff;font-size:12px;text-align:center;padding:5px 10px;border-radius: 5px;}
.marg_right5{margin:15px 15px 15px 0}
.font_bold{font-weight:bold !important}
.marg_left1{margin:0 0 0 20px}
.blkcol{color:#ff0000 !important;line-height:20px;}
.phon50{line-height:20px;font-size:14px;}
.autopick250 .autoPickContainer{width:250px !important;height:34px !important;}
div.autoPick ul.autoPickContainer li.autoPick a.Close{line-height: 23px !important;margin: 5px 5px 0 5px !important;}
div.autoPick ul.autoPickContainer li.autoPick{ line-height: 30px !important; }
div.autoPick ul.autoPickContainer{overflow:hidden !important}
/*.flt a{float: left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 100%;}*/
.addjust a{float:left;display:inline;width:100%;}
.addjust a span{float:left;margin:0 10px 0 0;}
.bootstrap-select.btn-group .dropdown-menu.inner{overflow-x:hidden}
.bs-container.bootstrap-select.open {z-index:99999;}
.tagsec{ float: left;display: inline;width: auto; line-height: 14px;padding: 5px 10px;background: #ccc; color: #333;margin: 5px;font-size: 14px;border-radius:5px 0 5px 0;}
.tagsec .fa-times-circle{margin:0px 0px 0 10px;font-size:14px; line-height: 14px;color:#f55252}
.sortzz {width: 90%;float:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sortzz1 {width: auto;float:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.red_coltxt2{color:#cc0000;font-size:12px;margin:0 0 15px;}
.marg_right4{margin: 3px 35px 0 0;}
.box_cont2{background: #f8f8f8;float:left;border: 1px solid #eee;padding: 2%;color: #666; width: 100%;margin:15px 0;font-size:14px;}
.box_cont2 b{margin:0 0 10px;}
.txt_lft{text-align:left !important}
.title10{font-size:12px;color:#00adef;font-weight:bold;cursor:pointer;margin:0 5px;}
.chgreq50 span, .chgreq51{font-size:14px; color:#666;font-weight:bold;float:left;display:inline;width:auto;margin:0 5px;line-height:32px;}
.specnorecord {
    position: fixed;
    top: 50%;
    left: 35%;
    padding: 5px;
    color: #ff0000 ;     
    font-size:14px;
     
}
.marg_lft20{ margin: 5px 0 0 14%; width: auto !important;padding: 0px 7px;}
.lms_grd.noheddisp thead tr, .lms_grd.noheddisp .table-striped > tbody > tr:nth-of-type(odd) {background:transparent !important;}
.usercard .userref{padding:2%;width:100%;}
.paycard .smlusercard > div{width:90% !important; margin:5px 5%; padding:2%; border-left:1px solid #ccc !important; border-top:5px solid #ff9f1c !important;}
.paycard .smlusercard.smlrht > div{border-top:5px solid #50b562 !important;}
.pay_temp_prv{}
.pay_temp_prv > div {width:49%; float:left; border:2px solid #eee; margin-right:2%; background:#fff; margin-bottom:15px; padding:1%;}
.pay_temp_prv > div:nth-child(2n){margin-right:0px;}
.pay_temp_prv .prv_img{border:1px solid #ccc; background:#eee; padding:3px;  max-height: 158px;}
.lms_grd.noheddisp table > tbody > tr > td > table > tbody > tr > td{border: 0 none}
.rightposadjust{right: 50%;} 
.rightposadjust:before, .rightposadjust:after{right:80% !important;}
.empsearchsel .autoPickContainer{height:34px !important ; display:inline-block; border: 1px solid #ccc;font-size: 14px;color: #333;}
 
.exportgrids{box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);margin: 1%; width: 31%;position: relative;float: left;display: inline-block;}
.exportgrids_tit {padding:2%;text-align: left; background-color: #0ea29d;margin:0 0 15px;font-size: 16px;font-weight: bold; color: #fff;width:100% !important}
.exportfielding input, .exportgrids_tit input{float:left; width:10%;text-align:center;margin:3px 0 0}
.exportfielding span{float:left;display:inline;width:90%;font-size:14px;color:#666;}
 .notifybtn{margin:5px 10px 0 !important;}
.remv_fot{border-top:0 none }
.listoftaskz li:hover .blu_bord, .blu_bord.activeprom {background-color:#3689d7;color:#fff;}
.listoftaskz li:hover .grn_bord, .grn_bord.activeprom {background-color:#92d050;color:#fff;}
.listoftaskz li:hover .org_bord , .org_bord.activeprom{background-color:#ff9f1c;color:#fff;}
.listoftaskz li:hover .red_bord , .red_bord.activeprom{background-color:#e96d6d;color:#fff;}
.listoftaskz li {
    float: left;
    list-style-type: none;
    width: 25%;
    margin: 20px 0 0;
    border-right: 1px solid #ccc;
    text-align: center;
}
.listoftaskz li:last-child{ border-right: 0 none;}
.listoftaskz li b {
   /* padding: 40px 0 ;*/
    border: 5px solid #3689d7;
    border-radius: 50%;
    font-size: 30px;
    width: 100px; height:100px; line-height:80px;
    float: left;
    cursor: pointer;
    margin: 0 30%;
}
.listoftaskz li span {
    font-size: 18px;
    color: #333;
    margin: 15px 0 20px;
}
.onboard_tab li{float: left;    list-style-type: none;    width: 25%;   text-align: center; position:relative;}
.onboard_tab li:before{content:""; background:#f9f9f9; position:absolute; left:0px; right:0px; z-index:0; bottom:0px; height: 38px;}
.onboard_tab li b { border: 5px solid #3689d7; border-radius: 50%; font-size: 30px; width: 100px; height:100px; line-height:40px; float: left; margin: 0 32%; z-index:1; position:relative;}
.onboard_tab li span{  background:#f9f9f9;  position: absolute;    z-index: 4;    font-size: 16px;    font-weight: bold;    bottom: 38px;    left: 0px;    text-align: center;    width: 100%;}
.onboard_tab li:after{content:""; background:#fff; position:absolute; left:0px; right:0px; z-index:2; bottom:-40px; height: 80px;}
.onboard_tab li.activeprom:after{background:#fff; content:""; position:absolute; height:80px; left:0px; right:0px; z-index:2; bottom:-4px;}
.onboard_tab li.activeprom b{ z-index: 3; line-height:80px;}
.onboard_tab li.activeprom span{position: relative; padding:8px 0px; bottom:0px; background:#fff; }
.onboard_tab li.activeprom .blu_bord{background-color:#3689d7;color:#fff;}
.onboard_tab li.activeprom .grn_bord{background-color:#92d050;color:#fff;}
.onboard_tab li.activeprom .org_bord{background-color:#ff9f1c;color:#fff;}
.onboard_tab li.activeprom .red_bord{background-color:#e96d6d;color:#fff;}

.speak {
	position: relative;
	display: inline-block;
	min-width: 2.7em;
	padding: 20px; font-size:14px; font-weight:bold; float:left;
	text-align: center;
	cursor: pointer;
}

.speak span {
	transition: color 0.3s ease-out;
	color: inherit;
}

.speak:after,
.speak:before,
.speak span:after,
.speak span:before {
	color: #333333;
	background-color: currentColor;
}
.speak:after,
.speak:before,
.speak span:before,
.speak span:after {
	position: absolute;
	content: '';
	border-radius: 4px; background-color: #f9f9f9;
}
.one .one:before,
.one .one:after,
.one .one span:before,
.one .one span:after {
	background-color: #3689d7;
}

.two .one:before,
.two .one:after,
.two .one span:before,
.two .one span:after {
	background-color: #92d050;
}

.three .one:before,
.three .one:after,
.three .one span:before,
.three .one span:after {
	background-color: #ff9f1c;
}

.four .one:before,
.four .one:after,
.four .one span:before,
.four .one span:after {
	background-color: #e96d6d;
}



.speak:after,
.speak:before {
	bottom: 0px;
	height: 4px;
}

.speak:after {
	left: 0;
	right: 39px;
}

.speak:before {
	right: -2px;
	width: 13px;
}

.speak span:before {
	height: 0;
	width: 4px;
	bottom: -2px;
	right: 7px;
	transition: height .3s, bottom .3s;
}

.speak span:after {
	height: 4px;
	width: 34px;
	bottom: 0px;
	right: 8px;
	transform: rotate(0deg);
	transform-origin: left top;
	transition: transform .3s, right .3s, width .3s;
}

.speak.active span:before {
	height: 22px;
	bottom: -18px;
}

.speak.active span:after {
	right: 1px;
	width: 40px;
	transform: rotate(30deg);
}

.speak.active,
.speak.active {
	outline: 0; background:#fff;
}


.grn_comp{color:#92d050 !important;font-weight:bold;}
.org_comp{color:#ff9f1c !important;font-weight:bold;}
.red_comp{color:#990000 !important;font-weight:bold;}
.datespan i{margin:0 10px 0 0; float:left;font-size:20px;}
.datespan{float:left;font-weight:bold;}
.yellow_bg{background:#fca72f}
.currency_val{ padding: 0 5px;color: #333;font-weight: bold;}
.tlt_col.active{background:#92cddc}.padd4{padding:4px !important}
.linkvia i{ margin:0 5px 0 0;color:#666;font-size:16px;} .linkvia b{ margin:0 5px 0 0;color:#555;font-size:14px;} .linkvia{color:#777;font-size:14px;}
.greybgz{background:#f5f5f5 !important;padding:10px 2% !important;float:left;display:inline;width:100%;}
.greybgz > table{ background: #fff;border: 1px solid #ccc;}.fullbord{border:1px solid #ccc;}
.datesection b{float:left;display:inline;width:24%;margin:0 0 0 4px ;font-size:14px;color:#333;}
.datesection{font-size:14px;color:#555}
.fulltrtab td tr{float:left;width:100%;}.cur_def{cursor:default !important}
.scalehead{background: #f5f5f5;padding: 0.5%;width:100% !important}
.scalehead h4{color:#666;font-size:16px;font-weight:bold;}
.scaleinner{ padding: 2% 2% 7%;width: 100% !important; }
.inner_scalearea{height:25px;border-radius:3px;background-color:#77cc55;position:relative;}
.activescale{ background: #ff7c80;position:absolute;z-index:999;display: inline;width: 10%;height: 25px; border-radius:3px;}
.hovercard{ background: #f5f5f5;width:200px !important; float:none; display:none; margin: 35px 0 0 0; position: absolute;
    left: -95px;} .hovercard img, .hovercard .fa-user{font-size:30px;color:#666;text-align:center;float:left;display:inline;width:20%;margin:0 5% 0 0;height:40px;}
.hovercard h4 ,.hovercard p{float:right;display:inline;width:75%; margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:16px;} .hovercard h4{font-size:14px;color:#00adef;} .hovercard p{font-size:12px;margin:0}
.blockedtime{background:#00adef;position:relative;padding:5px; width:94% !important} .hovercard_user { background:#f5f5f5; padding: 5%;width:90% !important}
.activescale:hover .hovercard{display:block}
.blockedtime p{color: #fff; font-size: 12px;line-height:14px;font-weight: bold; width: 100% !important;margin: 0px;} .blockedtime span{color:#fff;width: 100% !important;height:auto;font-size: 12px;}                                                                                                                            
.resourcebookul p{ float: left;display: inline;width: 100%;font-size: 14px;line-height: 24px;border-bottom: 1px dotted #ccc;padding: 5px 0;font-weight: bold;} .bartext{font-size:20px;}
.dash_pnl .bookingdash .full3{width:100% !important; box-shadow: 0px 3px 8px rgba(0,0,0,0.2)} .date_icon input{display:none;} .date_icon{border:0 none} .date_icon .inp_dp{border:0 none;background:transparent}
.book_datesec{font-size:16px;margin: 7px 0 0 30%; } .book_datesec .inp_dp .fa-calendar{font-size:16px;} .bookingdash .full3{height:auto !important;overflow:visible !important} .bookingdash .met_bdy{background: #fff;border: 2px solid #665ec7;width:100% !important;}
.dottedbgz span{ width: 28%;float: left;font-size: 14px;color: #333; font-weight:bold}
.booking_rows td{vertical-align:middle; padding:5px; font-size:14px;}                                                                                                                                            
.dottedbgz{border:1px dotted #ccc;}
.booking_rows > div{background:#f5f5f5;overflow: auto;margin:0 0 5px;box-shadow: none;} 
 
.date_icon .dtlst{right: -110px;}
.booking_rows .btn_ico{margin: 5px 0 0 !important; } .marg_collft{margin: 10px 0 10px 23%;padding: 0;border: 1px solid #ccc;}
.blockedtime i{ top: -82px;position: absolute;text-align: center;width: 100%;color:#999;font-size:30px}  
.lineheightsml{line-height:18px;}  
 .ovrflovis{overflow:visible;white-space:unset;text-overflow: unset;}
.dcheck .box_incont {padding:0}                                                                                                                                  
.whitecol{color:#fff !important;} .marg710{ margin: 70px 0 10px;}
.pos_abs35{position:absolute !important;margin:30px 0 0 -18px;left:inherit;width:185px;padding:5px;} div.autoPick ul.Dropdown{z-index:2000 !important}
.attendancelocatate span{float:left;display:inline;width:auto;padding:0 2px;font-size:12px;color:#666;line-height:20px;}                                                                                                                          
.grd_reviews th:nth-child(2n), .grd_reviews th:nth-child(3n){ font-size:14px;font-weight:bold;} 
.whitecard img{width: 60px; height: 60px; position: absolute; top: 0px; left: 0px; z-index: 2;border-radius:50%; }
.whitecard .fa-user:before {position: absolute;top: 15%;left: 23%;font-size: 40px;color: #fff;z-index: 1;}    
.whitecard .fa-user {float: left;display: inline;width: 60px;height: 60px;border: 1px solid #ccc; position: relative;z-index: 9; margin: 0 10px 0 0;background:#fff;}
.whitecard .nam {color: #fff;font-weight: bold; font-size: 14px;line-height: 14px;margin: 0 0 5px;}
.whitecard .eml , .whitecard .pho {width: 70% !important;color: #fff;font-size:12px;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
.whitecard .nam, .whitecard .dec, .whitecard .mai {float: left;color:#fff;font-size:12px;display: inline;width: 67%;text-overflow: ellipsis;line-height: 20px;overflow: hidden; white-space: nowrap;}
.grd_reviews table{table-layout:fixed;}
.grd_reviews tr{background-color:transparent !important;}
.grd_reviews tr:nth-child(1) th:first-child{width:24%;}
.grd_reviews tr:first-child{background-color:#f8f8f8 !important;}
.grd_reviews th{padding:0px !important;     display: table-cell;}
.grd_reviews td, .grd_reviews th{border:1px solid #eee !important;}
.grd_reviews tr:nth-child(2) td:first-child{color:#a478ff;}
.grd_reviews tr:nth-child(3) td:first-child{color:#f1ae46;}
.grd_reviews tr:nth-child(4) td:first-child{color:#f27b53;}
.grd_reviews tr:nth-child(5) td:first-child{color:#de577b;}
.grd_reviews tr:nth-child(6) td:first-child{color:#ffb400;}
.grd_reviews tr:nth-child(7) td:first-child{color:#74b749;}
.grd_reviews tr td:first-child{ font-size:14px;text-align:left; font-weight:bold; text-transform:uppercase; width:24%;}  
.grd_reviews tr td:nth-child(2){ font-size:14px;text-align:left;color:#333;font-weight:bold;padding:5px 1%; width:36%; }
.grd_reviews tr td:nth-child(3){ font-size:14px;text-align:left;color:#333;font-weight:bold;padding:5px 1%; width:36%;}

.grd_prf_scro{}
.grd_prf_scro table{table-layout:fixed;}
.grd_prf_scro tr:nth-child(1) th:first-child{width:24%;}
.grd_prf_scro tr:nth-child(1) th{border:0px; font-size:16px; text-align:center;}
.grd_prf_scro table > tbody > tr:nth-of-type(odd){background-color:transparent;}
.grd_prf_scro tr:first-child th:nth-child(2){color:#a478ff;}
.grd_prf_scro tr:first-child th:nth-child(3){color:#f1ae46;}
.grd_prf_scro tr:first-child th:nth-child(4){color:#f27b53;}
.grd_prf_scro tr:first-child th:nth-child(5){color:#de577b;}
.grd_prf_scro tr:first-child th:nth-child(6){color:#ffb400;}
.grd_prf_scro tr:first-child th:nth-child(7){color:#74b749;}
.grd_prf_scro tr:first-child th:last-child{color:#46bfbd !important;}
.grd_prf_scro tr td:first-child{text-align:left;}
.grd_prf_scro tr td{text-align:center; vertical-align:top;}
.grd_prf_scro tr td > b{display:none;}
.grd_prf_scro .reviewcard .nam{ font-size:13px; font-weight:bold;}
.grd_prf_scro tr td:nth-child(2) .circle{stroke:#a478ff;}
.grd_prf_scro tr td:nth-child(3) .circle{stroke:#f1ae46;}
.grd_prf_scro tr td:nth-child(4) .circle{stroke:#f27b53;}
.grd_prf_scro tr td:last-child .circle{stroke:#46bfbd;}
.grd_prf_scro .ovr_scr{background:#f9f9f9;}

.overflo1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} /*.widadjust.smlusercard > div {width: 45% !important;}*/
.box_cont2 .flt_l{min-height:50px;} .sml_txt11 { font-size: 11px;font-weight: bold !important;color: #333; margin: 9px 5px 0 !important;}
.reviewcard { height:50px;}
.reviewcard .nam{color:#fff; padding:5px 0px;}
.reviewcard .pho {color:#fff; font-weight:normal; font-size:12px;}
.reviewcard{background-color:#239fdb} .reviewcard.reviewer{ background: #e56735;} .reviewcard.reviewer1{ background: #ffcc00;} .reviewcard.reviewer2{ background: #77cc55;} .tim_ovr td:nth-child(2n) span{background-color:#239fdb; color:#fff;font-size:14px;  display: inline-block;height:40px;border-radius:50%; width:40px;padding:10px;font-weight:normal;}
.reviewcard .rtpimg{ width:48px; height:48px; background:#f8f8f8; margin-right:5px; border:1px solid #ccc; float:left; text-align:center; line-height:48px; font-size:24px; color:#ccc; position:relative; }
.reviewcard .rtpimg img{ width:48px; height:48px; z-index:1111; position:absolute; top:0px; left:0px;}
.tim_ovr td:nth-child(3n) span{background-color:#e56735; color:#fff;font-size:14px;border-radius:50%; width:40px;padding:10px;font-weight:normal; display: inline-block;height:40px;}
.grd_reviews .overallz{background-color:#46bfbd !important;} .grd_reviews .overallz td{ color:#fff !important;}
.grd_reviews .overallz span{background-color:#fff; color:#333;font-size:14px;border-radius:50%; width:40px;padding:10px 5px;font-weight:bold; display: inline-block;height:40px; font-size:18px !important; text-align:center;}
.user_ties div{float: left;border-radius: 4px;background: #77cc55;border: 1px solid #eee;padding: 5px;font-size: 12px;color: #fff;margin: 2px;line-height: 13px;position: relative;}
.user_ties .rme {color:#ff0000;margin: 0 0 0 10px;}
.light_yelbg{background:#f6fbb2;color:#666;padding:10px !important;border-radius:4px;font-size:14px;line-height:32px;margin:7px 0}
.light_yelbg span{line-height:32px;}
.light_yelbg i{color:#333;float:left;margin:0 10px 0 0;font-size:16px;line-height:32px} .dividemain{float:left;width:16.66%;} .dividemain .col_rht{width:90% !important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.selectemp_margbot tr td table td{border-top: 0 none;}
.full2{float:left;display:inline;width:100%;padding:1%;}
.marg_leftlbl{margin:0 0 0 22.5%} .tlt_col .dsbut .marg_right{margin:0 10px 0 0 !important} .listcater .marg51{margin:50px 20px 0 0} .gry_col5{background-color:#f5f5f5;width:150px; border:1px solid #ccc;border-radius:5px;font-size:14px;line-height:30px;padding:5px 15px;color:#666;font-weight:normal;}
.wed75{width:75%} .lineht{line-height:34px} .bgz6{background:#ebf7fc} .padd_bot{padding:0 0 15px;} .pos_abs_trash{position:absolute;text-align:center;color:#ff0000;z-index:999;font-size:14px;display:none;top:2px;right:4px; } .trashicoz:hover .pos_abs_trash{display:block;} .trashicoz .fa-user{border:1px solid #ccc} .trashicoz .sml_img1{margin:2px;} .trashicoz .sml_img1:before{left:0px;}                                                                                                                                                                                           
.grd_tim .abd:before{width:47%; }
.bord_bottom{border-bottom:2px solid #ccc;}
.sml_usercard img{max-width:38px;}
 .sml_usercard .fa-user:before{position: absolute;text-align: center;width: 100%;    line-height: 48px;opacity: 0;} 
.treeulz{ list-style-type: none;}  
.treeulz .treeulz_arw{position:absolute; left:285px; top:138px; cursor:pointer; background:#e5e5e5; width:28px; height:28px; z-index:1; border-radius:50%; padding:5px 2px 5px 8px; color:#555;   border: 2px dotted #666;}
ul.treeulz > li{ margin-bottom:10px; float:left;}
.treeulz_scl{overflow:auto; height:90%; min-height:450px; width:90%; padding-right:24px; position:absolute; top:87px; left:104px;}
.treeulz.treeulz_opn{ list-style-type: none;   width:100%;}  
.treeulz > li{ list-style-type: none; width:100%; clear: both; position:relative;}
.treeulz li > a, .treeulz > .treeulz_li > div{width:300px; float:left;margin:0 0 10px;}
.treeulz > .treeulz_li{width:100%; display:block;}
.treeulz > .treeulz_li > div{border: 1px solid #ccc;box-shadow: 0 0 5px #eee;margin:0 0 5px;}
.treeulz li > a > div, .treeulz li > ul > li > div{border: 2px solid #ccc; width:100%; float:left; margin:0 0 5px; }
.treeulz.treeulz_opn li > ul{width:300px; float:left; margin:150px 5% 10px 30px; padding-left:30px;  position:relative; }
.treeulz.treeulz_opn li > ul > li:after{position:absolute; top:0px; margin-top:100px; content:""; height:102.5%; padding-bottom:0px; background:#888; width:1px; left:-30px;}
.treeulz.treeulz_opn li > ul > li:last-child::after{display:none;}
.treeulz.treeulz_opn li > ul:before{position:absolute; top:0px; content:""; height:1px; background:#999; width:60px; left:-30px;}
.treeulz.treeulz_opn li > ul > li{margin-bottom:2%; float:left; position:relative;}
.treeulz.treeulz_opn li > ul > li:before{position:absolute; top:100px; content:""; height:1px; background:#999; width:30px; left:-30px;}
.treeulz.treeulz_opn li > ul > li:first-child{margin-top:-100px}
.treeulz.treeulz_opn li > ul > li > ul{margin-top:-159px; margin-left:330px;}
.treeulz.treeulz_opn li > ul > li > ul > li >ul {margin-top:-163px; margin-left:330px;}
.bord_grd .table td{border:1px solid #ccc !important}
.full9{ width:95.2% !important;  }
.wed685{width:68.5%;}
.videotext.wed5{width:50% !important}
.tie_rpt > div{float:left;display:inline;width:100%}
.bord_rad input{border-radius:5px !important;}

/* Customized Claims  policy style for Jeyyam  */
p.MsoNormal, li.MsoNormal, div.MsoNormal{ margin-top:0in;margin-right:0in;margin-bottom:.2pt;margin-left:.5pt;text-align:justify;text-indent:-.5pt;line-height:102%;font-size:11.0pt;color:black;}
.lms_tab .lms_nor{color:#333;}

.smlcard .smlusercard .no_rec{border:0 none !important;width:100% !important}
.posabsdwonarr{position:absolute;bottom:-17px;z-index:11; color:#00adef;font-size:24px;left:46%}
.lms_tab .lms_nor .fa{display:none;}
.yel_status {border:1px solid #eaa83a;padding:5px 15px;color:#fff; background:#eaa83a;} .blu_status{border:1px solid #66c2ff  ;padding:5px 15px;color:#222; } .grn_status{background:#129793;padding:5px 20px;color:#fff;}
.red_status {background:#ff7260;padding:5px 20px;color:#fff;}
.txt-center {text-align:center !important}

.Privilegestable td { vertical-align:middle;font-size:14px;line-height:20px;color:#333; border-collapse: collapse;}
.Privilegestable thead td {background:#00adef;color:#fff;font-weight:bold;vertical-align:middle;    border-bottom: 1px solid #ccc;border-collapse: collapse;border-right: 1px solid #ccc;     text-align: center;padding:  10px;}
.Privilegestable .DTFC_LeftBodyWrapper tr.odd { color:#333;padding:5px;}
/*.Privilegestable .DTFC_LeftBodyWrapper tr {height:40px !important}*/
.Privilegestable .DTFC_LeftBodyWrapper tr td {vertical-align:middle;padding:5px 0}
.Privilegestable .dataTables_filter label input{clear: both;float: right;margin: 0 0 0 15px;}
.Privilegestable .dataTables_filter label {line-height:34px;width:35%;font-size:14px;}
.Privilegestable .dataTables_info{position:absolute; left:100px; bottom:0px; color: #666; font-size: 14px; line-height: 24px; font-weight: normal; text-align: center;    min-width: 14px;    padding: 0 7px;    margin: 05px 5px 0 0;}
.Privilegestable .DTFC_LeftWrapper {width:228px !important;}
.Privilegestable .dataTables_scrollHeadInner td, .Privilegestable td { font-size:13px; }

.payroll_reg{ position:relative;}
.payroll_reg thead th {background:#00adef; color:#fff;font-weight:bold;vertical-align:middle; font-size:13px;     padding: 8px 10px;}
.payroll_reg th, .payroll_reg td { white-space: nowrap; box-sizing: content-box;}
.payroll_reg tbody td {color:#666;vertical-align:middle; font-size:13px;     padding: 8px 10px;}
.payroll_reg .dataTables_filter label input{clear: both;float: right;margin: 0 0 0 15px;}
.payroll_reg .dataTables_filter label {line-height:34px;width:35%;font-size:14px;}
.payroll_reg .dataTables_length{position:absolute;top: 11px;font-size: 14px;  word-spacing: 15px;  }
.payroll_reg .dataTables_info{position:absolute; left:100px; bottom:0px; color: #666; font-size: 14px; line-height: 24px; font-weight: normal; text-align: center;    min-width: 14px;    padding: 0 7px;    margin: 05px 5px 0 0;}
.payroll_reg.reg_first_row tbody > tr .nam_tit{font-size:13px;}
.payroll_reg.reg_first_row tbody > tr:first-child td{background:#c2dff5; color:#555; font-weight:bold;}
.payroll_reg.reg_first_row tbody > tr{background:#fff;}
.payroll_reg tfoot th {background:#00adef; color:#000;font-weight:bold;vertical-align:middle; font-size:14px;   padding: 8px 10px;}
.reg_first_row table.dataTable.row-border tbody th, .reg_first_row table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid #eee;
}
.reg_first_row table.dataTable.row-border tbody tr:first-child th,
.reg_first_row table.dataTable.row-border tbody tr:first-child td, .reg_first_row table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
.reg_first_row table.dataTable.cell-border thead th,.reg_first_row table.dataTable.cell-border tbody th, .reg_first_row table.dataTable.cell-border tbody td {
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
}
.reg_first_row table.dataTable.cell-border tbody tr th:first-child,
.reg_first_row table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #eee;
}
.reg_first_row table.dataTable.cell-border tbody tr:first-child th,
.reg_first_row table.dataTable.cell-border tbody tr:first-child td,
.reg_first_row table.dataTable.cell-border tbody tr:last-child th,
.reg_first_row table.dataTable.cell-border tbody tr:last-child td {
  border-top: none;
}

.reg_first_row table.dataTable.cell-border tbody th, .reg_first_row table.dataTable.cell-border tbody td {
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
}
.tim_pro{}
.tim_pro tbody td {vertical-align:top;}
.tim_pro th, .tim_pro td { white-space: normal;}
.tim_pro input{line-height:14px; padding:2px 1% !important;}
.tim_pro > table > tbody{border:1px solid #eee;}
.tim_pro > table > tbody > tr > td{border-right:1px solid #eee;}
.tim_pro table table tr td{border-bottom:1px solid #eee; border-right:1px solid #eee;}
.tim_pro table table tr:last-child > td{border-bottom:0px;}
.tim_pro table table tr > td:last-child{border-right:0px;}

.levbdr_top{position:absolute; top:0px; width:100%; height:2px; left:0px;}
.greyboldtxt{font-size:15px;color:#444;text-align:center; }
.coloredico {font-size:20px;color:#999;}
.col_lftx{font-size:18px;line-height:30px;font-weight:bold; color:#50469d;margin:10px 0;text-align:center; }
.table-responsive td{font-size:14px;color:#666;line-height:24px;text-align:right; }
.table-responsive td:first-child, .table-responsive td:nth-child(2), .table-responsive td:nth-child(3),.table-responsive td:nth-child(4), .table-responsive td:nth-child(5){text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.table-responsive th {background: #00adef;color: #fff;font-size: 14px;font-weight: bold;  vertical-align: middle; text-align:center;}
.dataTables_paginate{margin-top:10px;}

/* Define the main Navigation block */
.myNav {
    display: block;
    height: 50px;
    line-height: 50px;
 
}
/* Remove bullets, margin and padding */
.myNav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.myNav li {
    float: left;
    padding:5px;
    margin:0px 5px 0px 5px;
    /* Or you can use display: inline; */
}
/* Define the block styling for the links */
.myNav li a {
    display: inline-block;
    text-align: center;
    padding: 14px 16px;
}
/* This is optional, however if you want to display the active link differently apply a background to it */
.myNav li.active {
    background-color: #3786E1;  
}

.dataTables_paginate .paginate_enabled_previous {
    background: #666;
    color: #FFF;
    border-color: #444;
    box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
    cursor: default;
}

.dataTables_paginate  a {    float: left;
    color: #666;
    font-size: 14px;
    line-height: 24px;
    font-weight: normal;
    text-align: center;
    border: 1px solid #BBB;
    min-width: 14px;
    padding: 0 7px;
    margin: 0 5px 0 0;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    background: #efefef;
    background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef));
    background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%);
    background: linear-gradient(top, #ffffff 0%,#efefef 100%);}
 .Privilegestable .dataTables_length{position:absolute;top: 11px;font-size: 14px;  word-spacing: 15px;  }
.Privilegestable{position:relative;}
.pg_main {float:left;display:inline;width:100%;}
 .Privilegestable td tr td{padding:5px 10px; text-align:center;border-right:1px solid #eee;}  .sorting_1{padding:10px !important;}
.Privilegestable td tr:last-child td:last-child{height:40px;}
.Privilegestable td td:nth-child(2n){background:#0582b1}
.DTFC_LeftWrapper{float:left;display:inline;width:20% !important;position:relative !important;height:auto !important}
.dataTables_scroll{float:left;display:inline;width:79% !important;position:relative !important;height:auto !important;left: inherit !important;}
.dataTables_scrollBody .even,.DTFC_LeftBodyWrapper .even {background:#e9e9e9}
.dataTables_scrollBody .odd,.DTFC_LeftBodyWrapper .odd {background:#f5f5f5 }
.grdzz td{max-width:inherit !important} 
.print_bg{ background-color: white; border:0px; width:980px;}
.print_bg .inr_tab{display:none;}
.print_bg .print_btn{display:none !important;}
.dynamin_tab{}
.dynamin_tab .active > a{background-color:#ebebe0 !important; color:#000 !important;}
.it_tab_div{padding:0px 25px; border-bottom:1px solid #7fd8fa;}
.it_tab_div > div > div.loanactive{background-color:#f1f9fe;border: 1px solid #7fd8fa;color:#666; }
.it_tab_div > div > div{float: left;display: inline;width: 19.6% !important; margin: 0 0.2% -2px 0.2% !important; min-height:20px !important; border: 1px solid #ccc;padding: 20px 0;text-align: center;font-size: 15px;font-weight: bold;color: #00adef; cursor:pointer;border-bottom:0 none;}

.it_tab_div > a{box-shadow: 0px 0px 0px 0px !important;   background: transparent !important;     width: 3% !important;    color: #333 !important;}

.it_tab_div .carousel-inner .carousel-item-right.active,
.it_tab_div .carousel-inner .carousel-item-next {
  transform: translateX(33.33%);
}

.it_tab_div .carousel-inner .carousel-item-left.active, 
.it_tab_div .carousel-inner .carousel-item-prev {
  transform: translateX(-33.33%)
}
  
.it_tab_div .carousel-inner .carousel-item-right,
.it_tab_div .carousel-inner .carousel-item-left{ 
  transform: translateX(0);
}


.it_frm{margin:5px 0px; border:1px solid #ccc;}
.it_hed{background:#00adef; color:#fff;font-size:16px;padding:10px 1%; width:100%; text-align:left; font-weight:bold; float:left;}
.it_hed .inp input{padding: 2px 1% !important;}
.it_tit{color:#fff;font-size:14px; }
.it_grd{}
.it_grd thead th {background:#ddf6ff; vertical-align:middle; font-size:13px; color:#333;font-weight:bold;vertical-align:middle;border-bottom:1px solid #ccc; border-right:1px solid #ccc;border-collapse:collapse; padding:5px;}
.it_grd tbody td {font-size:12px; color:#333;border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-collapse:collapse; padding:5px; vertical-align:middle;}
.it_grd tbody tr td:last-child, .it_grd thead tr th:last-child{border-right:0px;}
.it_grd tbody tr:last-child td{border-bottom:0px;}
.it_grd tbody td .inp input{padding:0px 1% !important; font-size:12px; text-align:right; min-height:20px;}
.it_grd  tbody > tr:nth-of-type(odd) {    background-color: #f9f9f9;}
.it_grd  tbody > tr:hover{background:#ffffe8;}
.it_grd_mdl table{border:1px solid #7fd8fa; }
.it_grd_mdl thead th{background:#00adef; color:#fff !important;font-size:16px; padding:5px; }
.it_grd_mdl tbody th{border-right:1px solid #7fd8fa; border-bottom:1px solid #7fd8fa; padding:5px; }
.it_grd_mdl tbody td {border-bottom:1px solid #7fd8fa; border-right:1px solid #7fd8fa; border-collapse:collapse; padding:5px; }
.it_grd_mdl tbody tr:last-child td{border-bottom:0px;}
.it_grd_mdl .it_sumfrm_rec{padding:0px; border:0px;}
.it_grd_mdl .it_sumfrm_rec table > tbody > tr:first-child td{font-weight:bold;}
.it_grd_col table{border:1px solid #ccc; table-layout: fixed;}
.it_grd_col thead th{background:#00adef; color:#fff; padding:8px; font-size:14px;}
.it_grd_col tbody td{ padding:8px; font-size:13px;}
.it_grd_fix table > tbody > tr > td > table > thead > tr > th{min-width:150px;}
.it_help .TFtableCol{width:100%;}
.it_help .TFtableCol thead th{background: #00adef; color: #fff; padding:5px; font-size:16px; font-weight:bold; text-align:left;}
.it_help .TFtableCol tbody th{font-size:14px; font-weight:bold; vertical-align:middle; text-align:left; padding:5px; width:35%;}
.it_help .TFtableCol tbody td{font-size:12px; font-weight:normal; vertical-align:top; text-align:left; padding:5px;}
.pay_it_grd {}
.pay_it_grd > table { border-collapse:separate; border-spacing:0px; }
.pay_it_grd > table > tbody > tr > th{background: #f2f2f2; font-weight:bold; padding:5px; color:#333; font-size:14px;}
.pay_it_grd > table > thead > tr > th, .pay_it_grd .col_hed > th{background: #00adef; font-weight:bold; padding:10px 5px; color:#fff; font-size:14px;}
.pay_it_grd > table > tbody > tr > td{background:#fff; font-weight:normal; padding:5px; color:#333; font-size:13px; border-bottom:1px solid #eee;}
.pay_it_grd > table > tbody > tr > td:first-child{width:15%;}
.pay_it_grd > table > tbody > tr > td:last-child{vertical-align:bottom; width:15%;}
.pay_it_grd  .col_val_txt > td{color: #00adef; font-weight:bold;}
.pay_it_grd  .col_val_txt > td:last-child{background:#50b562; font-weight:bold; color:#fff;}
/* Flexy Layout 13 Feb 2020 */ 
.toz_container {
  display: flex;
  flex-wrap: wrap;
  padding: 15px 15px 0 0;
}

.toz_g {
 background: #fff;
    border: 1px solid #eee;
  padding: 15px;
  margin: 0 0 15px 15px;
}

.toz_grid_33 {
  width: calc(33.3333% - 15px);
}

.toz_grid_50 {
  width: calc(50% - 15px);
}

.toz_grid_66 {
  width: calc(66.6666% - 15px);
}

.toz_grid_100 {
  width: calc(100% - 15px);
}
.white_hed {color:#fff; font-size:24px; font-weight:bold;}
.white_tit {color:#fff; font-size:14px; font-weight:bold;}
.white_txt {color:#fff; font-size:14px;}
/*27th Apr 2017 media css Starts */ 


/*Mobile devices css*/
@media (max-width:767px) {

 .floater{height:25%;}
 .log_bd .btn_gen{padding: 12px 17px 12px 55px;}
 .log_in{min-width:95%;}

}
/*27th Apr 2017 media css Ends*/

/*Percentage circle*/

.progress-circle {
   font-size: 18px;
   margin: 0px auto;
   position: relative; /* so that children can be absolutely positioned */
   padding: 0;
   width: 5em;
   height: 5em;
   background-color: #F2E9E1; 
   border-radius: 50%;
   
}

.progress-circle:after{
    border: none;
    position: absolute;
    top: 0.35em;
    left: 0.35em;
    text-align: center;
    display: block;
    border-radius: 50%;
    width: 4.3em;
    height: 4.3em;
    background-color: white;
    content: " ";
}

.jqstooltip_cust {  
            position: absolute; 
            left: 0px; 
            top: 0px; 
            visibility: hidden; 
            background: rgb(0, 0, 0) transparent; 
            background-color: rgba(0,0,0,0.6); 
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); 
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; 
            color: white; 
            font: 11px arial, san serif; 
            text-align: left; 
            white-space: nowrap; 
            padding: 15px; 
            min-width:100px;
            border: 1px solid white; 
            z-index: 10000;             
            
            } 
          
/* Text inside the control */
.progress-circle span {
    position: absolute;
    top:0;
       bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    text-align: center;
      font-size: 24px;
    color: #53777A;
    z-index: 2;
}.progress-circle span > b{font-size:14px;}
.left-half-clipper { 
   /* a round circle */
   border-radius: 50%;
   width: 5em;
   height: 5em;
   position: absolute; /* needed for clipping */
   clip: rect(0, 5em, 5em, 2.5em); /* clips the whole left half*/ 
}
/* when p>50, don't clip left half*/
.progress-circle.over50 .left-half-clipper {
   clip: rect(auto,auto,auto,auto);
}
.value-bar {
   /*This is an overlayed square, that is made round with the border radius,
   then it is cut to display only the left half, then rotated clockwise
   to escape the outer clipping path.*/ 
   position: absolute; /*needed for clipping*/
   clip: rect(0, 2.5em, 5em, 0);
   width: 5em;
   height: 5em;
   border-radius: 50%;
   border: 0.45em solid #53777A; /*The border is 0.35 but making it larger removes visual artifacts */
   /*background-color: #4D642D;*/ /* for debug */
   box-sizing: border-box; 
  
}
/* Progress bar filling the whole right half for values above 50% */
.progress-circle.over50 .first50-bar {
   /*Progress bar for the first 50%, filling the whole right half*/
   position: absolute; /*needed for clipping*/
   clip: rect(0, 5em, 5em, 2.5em);
   background-color: #53777A;
   border-radius: 50%;
   width: 5em;
   height: 5em; 
}
.progress-circle:not(.over50) .first50-bar{ display: none; }
.progress-circle.p100 .value-bar { transform: rotate(360deg); transform-origin: 50% 50%;}
.grd_atd_anz > table > tbody > tr > td .grd_val_box{background:#fff; min-height:84px;}
.grd_atd_anz > table > tbody > tr > td .grd_val_box_scr{font-size:32px; margin:5px 0px;}
.grd_atd_anz > table > tbody > tr > td .grd_val_box_per{display: inline-block;    padding: 0px 5px; font-weight:normal; color:#fff; margin:5px 0px;}
.grd_atd_anz > table > tbody > tr > td:nth-child(2) .value-bar{border-color:#3399cc; }
.grd_atd_anz > table > tbody > tr > td:nth-child(2) .progress-circle span, .grd_atd_anz > table > tbody > tr > td:nth-child(2){color:#3399cc;}
.grd_atd_anz > table > tbody > tr > td:nth-child(2) .progress-circle.over50 .first50-bar{ background:#3399cc;}
.grd_atd_anz > table > tbody > tr > td:nth-child(2) .grd_val_box_per{background:#3399cc;}
.grd_atd_anz > table > tbody > tr > td:nth-child(3) .value-bar{border-color:#66cc66; }
.grd_atd_anz > table > tbody > tr > td:nth-child(3) .progress-circle span, .grd_atd_anz > table > tbody > tr > td:nth-child(3){color:#66cc66;}
.grd_atd_anz > table > tbody > tr > td:nth-child(3) .progress-circle.over50 .first50-bar{ background:#66cc66;}
.grd_atd_anz > table > tbody > tr > td:nth-child(3) .grd_val_box_per{background:#66cc66;}
.grd_atd_anz > table > tbody > tr > td:nth-child(4) .value-bar{border-color:#f5a15a; }
.grd_atd_anz > table > tbody > tr > td:nth-child(4) .progress-circle span, .grd_atd_anz > table > tbody > tr > td:nth-child(4){color:#f5a15a;}
.grd_atd_anz > table > tbody > tr > td:nth-child(4) .progress-circle.over50 .first50-bar{ background:#f5a15a;}
.grd_atd_anz > table > tbody > tr > td:nth-child(4) .grd_val_box_per{background:#f5a15a;}
.grd_atd_anz > table > tbody > tr > td:nth-child(5) .value-bar{border-color:#ff8877; }
.grd_atd_anz > table > tbody > tr > td:nth-child(5) .progress-circle span, .grd_atd_anz > table > tbody > tr > td:nth-child(5){color:#ff8877;}
.grd_atd_anz > table > tbody > tr > td:nth-child(5) .progress-circle.over50 .first50-bar{ background:#ff8877;}
.grd_atd_anz > table > tbody > tr > td:nth-child(5) .grd_val_box_per{background:#ff8877;}




.prgs{
height: 6px;
background: #fff;
border-radius: 0;
box-shadow: none;
margin-top: 25px;
overflow: visible;
}
.prgs .prgs-bar{
box-shadow: none;
border-radius: 5px;
position: relative;
animation: animate-positive 2s;
height:5px;
}
.prgs .prgs-title{
padding: 3px 10px;
margin: 0;
min-width: 100px;
font-size: 14px;
font-weight: 700;
color: #282828;
line-height: 22px;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
background: #fff;
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.14);
position: absolute;
top: -10px;
left: 0;
}
.prgs .prgs-value{
width: 50px;
height: 20px;
font-size: 12px;
font-weight: 100;
color: #fff;
line-height: 20px;
border-radius: 4px;
position: absolute;
top: -25px;
right: 0;
text-align:right;
padding-right:5px;
}
.prgs.pink .prgs-bar,
.prgs.pink .prgs-value{ background: #ff007f; }
.prgs.green .prgs-bar,
.prgs.green .prgs-value{ background: #73cd21; }
.prgs.blue .prgs-bar,
.prgs.blue .prgs-value{ background: #2e9ce0; }
.prgs.yellow .prgs-bar,
.prgs.yellow .prgs-value{ background: #eea921; }
@-webkit-keyframes animate-positive{
0%{ width: 0; }
}
@keyframes animate-positive{
0%{ width: 0; }
}
.blbl {
    position: relative;
    height: 500px;
    overflow: auto;
    background: #eee;
}

    .blbl > div {
        position: absolute;
        padding: 50px;
        top: 10px;
        left: 10px;
        background: #f00
    }