/**
 * Sticky Footer
 */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;300;&display=swap');
* {margin: 0;
   /*font-family:"lucida grande",arial,sans-serif;
   font-family: 'Muli', sans-serif;*/
   font-family: 'Roboto', sans-serif;}
fieldset{   margin:0;   padding:0;   border:0;   outline:0;   font-size:100%;   vertical-align:baseline;   background:transparent;}
html, body { height: 100%;}
img{	border:0; }
#wrapper {   min-height: 100%;   height: auto !important;   height: 100%;   margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */   overflow: hidden;}
footer, #push {   height: 50px; /* #push must be the same height as footer */}

@font-face {
    font-family: 'dhf_happy_birthday_ryanitalic';
    src: url('fonts/dhf/dhf_happy_birthday_ryan_italic-webfont.eot');
    src: url('fonts/dhf/dhf_happy_birthday_ryan_italic-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/dhf/dhf_happy_birthday_ryan_italic-webfont.woff') format('woff'),
        url('fonts/dhf/dhf_happy_birthday_ryan_italic-webfont.ttf') format('truetype'),
        url('fonts/dhf/dhf_happy_birthday_ryan_italic-webfont.svg#dhf_happy_birthday_ryanitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

.birthday{ font-family: 'dhf_happy_birthday_ryanitalic'; font-size:47px; color:#8FC857; }
.birthday span{ font-family: 'dhf_happy_birthday_ryanitalic'; font-size:60px; color:#0066FF; padding-left:15px; }

/**
 * Clearfix
 */
.clearfix:after {   content: " ";   display: block;   clear: both;   visibility: hidden;   line-height: 0;   height: 0;} 
.clearfix {    display: inline-block;} 
html[xmlns] .clearfix {    display: block;} 
* html .clearfix {    height: 1%;}
.clear {    clear: both;}
/**
 * Base Styles
 */

body {    overflow: -moz-scrollbars-vertical; 

          font-family: 'Nunito', sans-serif;

}
.wrapper {    margin: 0 auto;    width: 99%;}
.box {    background: #EEE;    border-bottom: 1px solid #CCC;    border-top: 1px solid #CCC;    color: #555;    margin-bottom: 8px;    padding: 8px;}
.logo-img{	/*padding-top:17px;	padding-bottom:10px;*/	float:left; padding-top: 4px; display: flex; align-items: center; gap: 15px;}
/**
 * Text Styles
 */

a {    color: #0066ff;    outline: none;    text-decoration: none;	font-size:11px;}
a:hover {    color: #0066ff;    outline: none;	text-decoration:underline;}
abbr, acronym {    font-size: 85%;    letter-spacing: 0.1em;    text-transform: uppercase;}
abbr[title], dfn[title] {    border-bottom: 1px dotted black;    cursor: help;}
abbr[title], acronym[title], dfn[title] {    border-bottom: 1px dotted #CCC;    cursor: help;}
code, kbd, samp, pre, tt, var, .code {    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;}
h1 {    font-size:20px;  }
h2 {    font-size:18px; }
h3 {    font-size:14px;  }
h4 {    font-size: 13px; }
h5 {    font-size: 12px; }
h6 {    font-size: 11px; }
h1,h2,h3,h4,h5,h6,p {   margin:.5em 0; }
h1,h2,h3,h4,h5,h6,b,strong,caption,th,thead,dt,legend{    font-weight:bold; }
ul, ol {    padding-left: 2em; }
li ul, li ol, ul ul, ol ol, dl dd {margin-bottom: 0px;margin-left: 0px;margin-top: 0px;}
small, sup, sub {    font-size: 90%;}
.code { background-color: #EAEFF4;   color: #069;   overflow: auto;   padding: 2px 6px;}
.al {   text-align: left; }
.ar {   text-align: right; }
.ac{ text-align:center;}
.fl {    float: left; }
.fr {    float: right; }
.bold{ font-weight: bold;}
.f15{ font-size:15px;}
.f14{ font-size:14px;}
.f13{ font-size:13px;}
.f12{ font-size: 12px;}
.f11{ font-size: 11px;}
.f10{ font-size: 10px;}
.row{ clear:both; }
.col{ float:left; }
.bt{ border-top:1px solid #e8e8e8;}
.bb, .bb td{ border-bottom:1px solid #e8e8e8;}
.txt-up{text-transform: uppercase;}
.pad_r_5{ padding-right:5px;}
.pad_r_10{ padding-right:10px;}
.pad_r_15{ padding-right:15px;}
.pad_l_5{ padding-left:5px;}
.pad_l_15{ padding-left:15px;}
.pad_t_5{ padding-top:5px;}
.pad_t_0{ padding-top: 0px !important;}
.pad_t_10{ padding-top:10px;}
.pad_t_15{ padding-top:15px;}
.pad_t_20{ padding-top:20px;}
.pad_b_5{ padding-bottom: 5px;}
.pad_b_10{ padding-bottom: 10px;}
.pos_l_20{position: relative; left: 10px; }
.hide-disp{
    display: none;
}
/**
 * Login
 */

.highlight {
    background-color: #FFFF88;
    font-weight:bold;
}

body.login {
    background-color:#EEEEFF;
    height:0;
    overflow:auto;
    /*background-image:url(../images/bg4.jpg);*/
    height:100%;
    width:100%;
    background-size:cover;
}
.login-box {
    height: 300px;
    width:350px;
    margin-top:100px;
    margin-left:100px;
}
.login-box-top {
    background: #FFFFFF;
    /*    background: -moz-linear-gradient(top,  #E1F2FC 0%,  #F6F6F6 60%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E1F2FC), color-stop(0.5, #F6F6F6));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E1F2FC', endColorstr='#F6F6F6');
            opacity:0.6;
            filter:alpha(opacity=60); 
    */
    border: 1px solid #AAA;
    box-shadow: rgba(0,0,0,0.4) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0,0.4) 0px 0px 3px; -webkit-box-shadow: rgba(0,0,0,0.4) 0px 0px 3px; -khtml-box-shadow: rgba(0,0,0,0.4) 0px 0px 3px;
    margin-top: 20px;
    padding:25px;

    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

}
.login-hd {
    color:#000077;
    font-weight: bold;
    margin-bottom:10px;
    text-align:center;
    text-shadow: 0 1px 0 #FFF;
}
.login-box form {
    border-bottom:1px solid #DDDDDD;
    margin:10px 0;
}
.login-box ul {
    list-style-type: none;
    padding: 0;
    font-size:11px;
}

/**
 * Header
 */
#login-header {
    /*     background:#fff;
            opacity:0.4;
            filter:alpha(opacity=40); /* For IE8 and earlier 
       background: -moz-linear-gradient(top,  #1d507d 0%,  #2d91c3 50%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1d507d), color-stop(0.5, #2d91c3));
        box-shadow: rgba(0,0,0,0.6) 0px 2px 3px; -moz-box-shadow: rgba(0,0,0,0.6) 0px 2px 3px; -webkit-box-shadow: rgba(0,0,0,0.6) 0px 2px 3px; -khtml-box-shadow: rgba(0,0,0,0.6) 0px 2px 3px;
    */    height: 75px; display: flex; align-items: center;
}
#page-header {
    /*background-color:#50545a; */

    background: #368EE0;
    background: -webkit-gradient(linear, left top, left bottom, from(#368EE0), to(#368EE0));
    background: -moz-linear-gradient(top,  #368EE0,  #368EE0);
    /*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#50545a', endColorstr='#e1e1e1');*/

    color:#f4f4f4;   
    display:block;   
    position: fixed;
    width: 100%;
    z-index: 1000;
}
#page-header h1 {
    color: #fff;
    margin: 0;
    line-height: 50px;
    text-shadow: 1px 1px 3px #000;
}
#util-nav {
    color: #efefef;
    float: right;
    line-height: 25px;
    font-size: 11px;
}
#util-nav ul li {
    float: left;
    list-style-type: none;
    padding: 0 5px;
}
#util-nav a {
    color: #fff;
    text-decoration: underline;
}

#main-nav {
    position: relative;
    z-index: 999;
    clear:both;
}

#main-nav1 ul {
    display: block;
    padding-left: 0;
}

#main-nav1 ul li {
    display: inline;
    position: relative;
}

#main-nav1 ul li a {
    background: #d1d1d1;
    background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#d1d1d1));
    background: -moz-linear-gradient(top,  #ddd,  #d1d1d1);
    color: #000;
    display: block;
    float: left;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: .7em;
    line-height: 25px;
    /* margin: 0 2px;*/
    padding: 0 15px;
    text-shadow: 0 1px 0 #fff;

    /*-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-radius: 5px 5px 0px 0px;

    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;*/

    text-decoration: none;

    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5);
    -khtml-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);

    -webkit-background-clip: padding-box;
}

#main-nassv1 ul li a:hover {
    background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#d1d1d1));
    background: -moz-linear-gradient(top,  #eee,  #d1d1d1);
}

#main-nassv1 ul li.active a {
    background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#eee));
    background: -moz-linear-gradient(top,  #f1f1f1,  #eee);
    border-bottom: 1px solid #eee;
    margin-bottom: -1px;
}

#main-nav1 #quick-links {
    border: 0;
    float: right;
    position: relative;
    z-index: 2000;
}
#main-nav1 #quick-links a {
    background: #f7f7f7;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e1e1e1));
    background: -moz-linear-gradient(top,  #f7f7f7,  #e1e1e1);
    border-radius: 13px;-moz-border-radius: 13px;-webkit-border-radius: 13px;-khtml-border-radius: 13px;
    border: 1px solid #bbb;
    box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;-khtml-box-shadow: none;
    display: block;
    line-height: 25px;
    padding: 0 10px;
    text-shadow: 0 1px 0 #fff;
    width: 90px;
}
#main-nav1 #quick-links span {
    border-left: 1px solid #ccc;
    padding-left: 8px;
    position: absolute;
    right: 15px;
    top: 1px;
}
#main-nav1 #quick-links ul {
    background: #fff;
    border: 1px solid #bbb;
    border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px;
    -moz-border-radius-bottomleft: 13px;
    -moz-border-radius-bottomright: 13px;
    -webkit-border-bottom-left-radius: 13px;
    -webkit-border-bottom-right-radius: 13px;
    display: none;
    left: 2px;
    position: absolute;
    top: 26px;
    width: 110px;
    z-index: 1000;
}
#main-nav1 #quick-links ul li {
    border: 0;
    line-height: 32px;
    padding: 0;
    z-index: 999;
}
#main-nav1 #quick-links ul li a {
    background: none;
    border: 0;
    -moz-border-radius: 13px !important;
    -webkit-border-radius: 13px !important;
    -khtml-border-radius: 13px !important;
    border-radius: 13px !important;
    margin: 0;
}

#main-nav1 li ul {  
    z-index: 999;
    position: absolute;
    display: none;
}

#main-nav1 li ul li{
    float: none !important;

}

#main-nav1 li:hover ul {          
    display: block;
    margin-left: 100%
}

#main-nav1 #quick-links:hover ul {
    display: block;
}
#main-nav1 #quick-links:hover a {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
}
#main-nav1 #quick-links ul li a:hover {
    background: #f7f7f7;
}




#page-subheader {
    background: #eee;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#d1d1d1));
    background: -moz-linear-gradient(top,  #eee,  #d1d1d1);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#d1d1d1'); */
    /* border-top: 1px solid #bbb;
     border-bottom: 1px solid #cfcfcf;*/
    height: 40px;
    position: relative;
    z-index: 0;
}

#page-subheader h2 {
    line-height: 50px;
    font-size: 18px;
    margin: 0;
    text-shadow: 0 1px 0 #fff;
}

#page-subheader .wrapper {
    position: relative;
}

#page-subheader input {
    position: absolute;
    right: 0;
    top: 13px;
    border: 1px solid #ccc;
    width: 225px;
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px;
    box-shadow:0 1px 0 rgba(255,255,255,0.5);
    -moz-box-shadow:0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5);
    -khtml-box-shadow:0 1px 0 rgba(255,255,255,0.5);
    padding: 3px 5px;
}
#page-subheader {
    background: #eee;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#d1d1d1));
    background: -moz-linear-gradient(top,  #eee,  #d1d1d1);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#d1d1d1'); */
    /*border-top: 1px solid #bbb;
    border-bottom: 1px solid #cfcfcf;
    box-shadow: 0 1px 3px #CCCCCC;*/
    position: relative;
    z-index: 0;
}
#sub-menu{
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    color: #555;
    /*line-height: 32px;*/
    font-size: 11px;
    padding-top: 5px;
    vertical-align:middle;
}
#sub-menu img{ vertical-align: middle; }
#sub-menu ul li {
    float: left;
    list-style-type: none;
    padding: 0 5px;
}
#sub-menu ul li a{
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    color: #555;
    text-shadow: 0 1px 0 #efefef;	
}
#sub-menu ul li a:hover{
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    color: #000;
    text-shadow: 0 1px 0 #efefef;
}
#sub-menu ul li.active{
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    color: #000;
    text-shadow: 0 1px 0 #efefef;
}

#page-subheader h2 {
    line-height: 35px;
    font-size: 16px;
    margin: 0;
    text-shadow: 0 1px 0 #fff;
}

#page-subheader .wrapper {
    position: relative;
}

#page-subheader input {
    position: absolute;
    right: 0;
    top: 7px;
    border: 1px solid #ccc;
    width: 225px;
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px;
    box-shadow:0 1px 0 rgba(255,255,255,0.5);
    -moz-box-shadow:0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5);
    -khtml-box-shadow:0 1px 0 rgba(255,255,255,0.5);
    padding: 3px 5px;
}

#quick-launch{
    background-color:#ffffff;
    /*border:#cfcfcf solid 1px;
    border-top:#cfcfcf solid 1px;
    border-right:#cfcfcf solid 1px;*/
    /*border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-radius-bottomright:6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-top-right-radius:4px;	*/	
    box-shadow:0px 2px 5px #ccc;
    -moz-box-shadow:0px 2px 5px  #ccc;
    -webkit-box-shadow:0px 2px 5px  rgba(255,255,255,0.5);
    -khtml-box-shadow:0px 2px 5px  rgba(255,255,255,0.5);
    /*width:145px;
    height:45px;*/
    z-index:1001;
    position:fixed;	
    top:73px;	
    left:24px;
    display:none;
}

#quick-launch ul{
    list-style:none;
    margin-top:5px;
    margin-right:10px;
    margin-left:-25px;

}
#quick-launch ul li{
    text-align:center;
    padding-bottom:2px;
    /*float:left;*/
}

#quick-content {
    width:550px;
    min-height:100px;
    font-size:12px;
    font-weight:normal;	
    ppadding:5px 5px 0px 15px;
    margin-bottom:10px;
    margin-top:10px;
}
#quick-content .title-bar{ font-weight:bold; font-size:13px; padding-bottom:5px;}
#quick-launch #quick-notification{}
#quick-launch #quick-notification ul li{ text-align:left; padding-bottom:2px;}

.triangle-border {
    /*position:relative;
    padding:15px;
    margin:1em 0 3em;*/
    border:1px solid #cccccc;
    color:#333;
    background:#fff;
    /* css3 */
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}

.triangle-border1:before {
    content:"";
    position:absolute;
    bottom:-20px; /* value = - border-top-width - border-bottom-width */
    left:40px; /* controls horizontal position */
    border-width:20px 20px 0;
    border-style:solid;
    border-color:#cccccc transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* creates the smaller  triangle */
.triangle-border:after {
    content:"";
    position:absolute;
    bottom:-13px; /* value = - border-top-width - border-bottom-width */
    left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
    border-width:13px 13px 0;
    border-style:solid;
    border-color:#fff transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}


.triangle-border.online:before {
    top:-20px; /* value = - border-top-width - border-bottom-width */
    bottom:auto;
    right:auto;
    left:83px; /* controls horizontal position */
    border-width:0 20px 20px;
}

/* creates the smaller  triangle */
.triangle-border.online:after {
    top:-10px; /* value = - border-top-width - border-bottom-width */
    bottom:auto;
    right:auto;
    left:76px; /* value = (:before right) + (:before border-right) - (:after border-right) */
    border-width:0 13px 13px;
}
.triangle-border.noti:before {
    top:-20px; /* value = - border-top-width - border-bottom-width */
    bottom:auto;
    right:auto;
    left:122px; /* controls horizontal position */
    border-width:0 20px 20px;
}

/* creates the smaller  triangle */
.triangle-border.noti:after {
    top:-10px; /* value = - border-top-width - border-bottom-width */
    bottom:auto;
    right:auto;
    left:108px; /* value = (:before right) + (:before border-right) - (:after border-right) */
    border-width:0 13px 13px;
}

/**
 * Content
 */
#content {
    margin: 85px auto 0;
    min-height: 300px;
    width: 98%;
}

/**
 * Footer
 */
#page-footer {
    /*background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#d1d1d1));
    background: -moz-linear-gradient(top,  #eee,  #d1d1d1);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#d1d1d1'); */
    margin-top:70px;
    font-size:11px;
}
#footer-inner {
    border-top: 1px solid #bbb;
}
#footer-inner p {
    line-height: 49px;
}

/**
 * Grids
 */
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8 {
    margin-left:18px;
    display:block;
    float:left;
}
.columns {
    display:block;
    float:left;
}
.first {
    margin-left:0;
    clear:left;
}
.leading {
    margin-bottom:18px;
}
.top {
    margin-top:18px;
}
.grid_1 {
    width:108px;
}
.grid_2 {
    width:234px;
}
.grid_3 {
    width:340px;
}
.grid_4 {
    width:486px;
}
.grid_5 {
    width:45%;
}
.grid_6 {
    width:738px;
}
.grid_7 {
    width:864px;
}
.grid_8 {
    margin-left:0;
    width: 990px;
}
/*------------------ customer div -------------- */
.green_txt{
    color:#093 !important;
}
.blue_txt{
    color:#039;
}
.red_txt{
    color:#900;
}
.orange_txt{
    color:#F30;
}
.gray_txt{
    color:#666666;
}
.purple_txt{
    color:#9000d0;
}
.gold_txt{
    color:#ffa200;
}
.c_title{
    font-size:17px;
}

.c_title_15{
    font-size:15px;
}

.line_height_2{
    line-height:2em;
}
.line_height_1_5{
    line-height:1.5em;
}

.c_title_s{
    font-size:13px;
}
a.tlink{
    font-size:15px;
    text-decoration:underline;
    color:#666;
}
a.tlink:hover{
    font-size:15px;
    text-decoration:underline;
    color:#000;
}

.txt_normal{
    font-size:11px;
}
.bold{
    font-weight:bold;
}


.border_b {
    border-bottom:1px solid #f1f1f1;
}

.border_b_dk {
    border-bottom: 1px solid #ccc;
}

.lft_cont {
    float:left;
    width:35%;
    font-size:11px;
}

.rht_cont {
    float:right;
    width:65%;
    color:#666666;
    font-size:11px;
}

.lft_cont_full {
    float:left;
    width:17%;
    font-size:11px;
}

.rht_cont_full {
    float:right;
    width:83%;
    font-size:11px;
}



.txt_area {
    width:260px;
    height:50px;
    font-size:11px;
}

.img_noborder {
    border:none;
}
/*--- tabel & paging */
/* paging */
/*.pageing_text_arrow{font-size:12px;color:#999 ;text-decoration:none;text-align:center; }
a.pageing_text_arrow:hover{font-size:12px;color:#555 ;text-decoration:none;}
.pageing_numbers{font-size:12px;color:#999 ;text-decoration:none;text-align:center; }
a.pageing_numbers:hover{font-size:12px;color:#555 ;text-decoration:none;}
#paging_root div {border:1px solid #d4d4d4; float:left; margin-left:2px; padding:3px 5px 3px 5px; cursor:pointer;  }
.paging_selected{ background-color:#555 !important; color:#fff; }
*/
#paging_root div { float:left; margin-left:2px; padding:3px 5px 3px 5px; cursor:pointer;  }
#paging_root div a{ padding:3px 5px 3px 5px; }
.paging-show-all{ margin-top:5px;}
.paging-show-all a{padding:3px 5px 3px 5px;}
.pageing_text_arrow{border:1px solid #d4d4d4; font-size:11px;text-decoration:none;text-align:center; }
a.pageing_text_arrow:hover{font-size:11px;text-decoration:none;}

/*-- custom css for IRMT --*/
.count{
    font-size:15px;
}

.hr-z{
    color:#fcfcfc;
    line-height:1px;
    margin-bottom:6px;
    /*margin-bottom:-3px;*/
}

.f_Blue, .f_Blue a{
    color:#004cbe;
}
.f_Red, .f_Red a{
    color:#ff0000;
}
.f_Green, .f_Green a{
    color:#85c300;
}
.f_Orange, .f_Orange a{
    color:#d27a00;
}
.f_Purple, .f_Purple a{
    color:#9000d0;
}
.f_Gold,.f_Gold a{
    color:#ffa200;
}
.err_bg{
    font-size:11px;
    color:#900;
}
#track_history{
    font-size:11px;
}
#update_track, #cust-search-filter{
    font-size:11px;
}
a.glink{
    color:#000099;	
}
a.glink:hover{
    color:#000099;	
    text-decoration:underline;
}
a.hlink{
    font-size:12px;
    text-decoration:none;
    color:#000099;
}
a.hlink:hover{
    font-size:12px;
    text-decoration:none;
    color:#000000;
}
.schedule_dialog{
    /*    -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 4px;
        
        -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
        -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
        box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    */
    width:380px;
    border-bottom:1px dotted #CCC;
    border-left:6px #966 solid;
    float:left;
    padding:6px;
    font-size:11px;
}
.request_dialog{
    width:380px;
    border-bottom:1px dotted #CCC;
    border-left:6px #33CC33 solid;
    float:left;
    padding:6px;
    font-size:11px;
}


ul#topbtns {margin: 5px}
ul#topbtns li {float: left; margin-right: 25px; text-shadow: 1px 1px 1px #fff; color: #555; margin-bottom:45px; list-style:none;}
ul#topbtns li.desc {padding-top: 15px}
ul#topbtns li span {font-size: 11px; color: #666}
ul#topbtns li img {padding: 10px 0 5px 0}
ul#topbtns li a {
    text-shadow: none; 
    border: 1px solid #bbb; 
    text-align: center; 
    color: #666; 
    text-decoration: none; 
    -moz-box-shadow: 1px 1px 4px #ccc; 
    -webkit-box-shadow: 1px 1px 4px #ccc; 
    box-shadow: 1px 1px 4px #ccc; 
    background-color: #fff; 
    display: block; 
    -moz-border-radius: 4px; 
    border-radius: 4px; 
    -webkit-border-radius: 4px; 
    width: 65px; 
    height: 65px; 
    font-size: 11px; 
    font-weight:500;
}
ul#topbtns li a:hover {-moz-box-shadow: 1px 1px 4px #aaa; box-shadow: 1px 1px 4px #aaa; -webkit-box-shadow: 1px 1px 4px #aaa; color: #444; border: 1px solid #999}
.padding_b_8{ padding-bottom: 8px !important;}
.padding_t_8{ padding-top: 8px !important;}
.padding_t_5{ padding-top: 5px !important;}
.padding_l_5{ padding-left: 5px;}
.padding_r_5{ padding-right: 10px;}
.padding_5{ padding: 5px;}
.margin_t_10{margin-top: 10px;}
.margin_b_30{margin-bottom: 30px;}
.i_req{ color: #f00 !important; padding-left: 3px;}
.i_req_green{ color: #093 !important; padding-left: 3px;}

/* Candidate dashboard*/
.candidate-dashbard{}
.candidate-dashbard #body_left { width:500px;}
.candidate-dashbard #body_left .squre_box{ border:1px solid #ccc; width:150px; height:75px; float:left; text-align:center; margin-left:10px;}
.candidate-dashbard #body_left .squre_box .title{ padding-top:10px; font-size:13px;}
.candidate-dashbard #body_left .squre_box .content{ padding-top:15px; font-size:16px; font-weight:bold;}

/*.candidate-dashbard #proposals{wwidth: 500px !important;}
.candidate-dashbard #proposals #today, .candidate-dashbard #proposals #overall,
.candidate-dashbard #proposals #alerts{ border-bottom:1px #ccc solid; border-left:1px #ccc solid; border-right:1px #ccc solid; max-height:200px; overflow:auto;  } 
*/

.candidate-dashbard #proposals .row{ clear:both; padding:5px 0px; font-size:11px; font-weight:normal; height:13px; text-wrap:none;}
.candidate-dashbard #proposals .bt{ border-top:1px solid #e8e8e8;}
.candidate-dashbard #proposals .row .index{ float:left; width:3%; padding-right:5px;}
.candidate-dashbard #proposals .row .name{ float:left; width:40%; padding-right:5px;}
.candidate-dashbard #proposals .row .email{ float:left; width:200px; padding-right:5px;}
.candidate-dashbard #proposals .row .phone{ float:left; width:25%; padding-right:5px;}
.candidate-dashbard #proposals .row .date{ float:left; wwidth:30%; padding-right:5px;}

.candidate-dashbard #schedules{ width: 587px !important; }
.candidate-dashbard #schedules #today, .candidate-dashbard #schedules #future{ border-bottom:1px #ccc solid; border-left:1px #ccc solid; border-right:1px #ccc solid; } 

.box-panel{ padding:0px 10px 10px 5px; border:1px solid #ccc; margin-bottom:10px;}

/* Call Tracker Page */
.calltracker{ width: 95%}
.calltracker select, .calltracker textarea, .calltracker input[type=text], .calltracker input[type=password], 
.calltracker input[type=email], .calltracker input[type=url], .calltracker input[type=date], .calltracker input[type=number], 
.calltracker input[type=time], .calltracker input[type=date], .calltracker input.date {
    padding: 3px 2px;
}
.calltracker input{ font-size: 10px;}
.calltracker #call-tracker{ wwidth:999px; ffloat: left; }
.calltracker #call-tracker #tracker, 
.calltracker #call-tracker #search, 
.calltracker #call-tracker #call-log,
.calltracker #call-tracker #vendor, 
.calltracker #call-tracker #resume_search {border-bottom:1px #ccc solid; border-left:1px #ccc solid; border-right:1px #ccc solid; wwidth:650px; min-height: 50px; }
.calltracker #call-tracker #tracker .row{ clear: both; padding-bottom: 10px}
.calltracker #call-tracker #tracker .row .col{ float: left;}

.calltracker #call-tracker #vendor .row{ clear: both; padding-bottom: 10px; padding-top: 10px;}
.calltracker #call-tracker #vendor .row .col{ float: left;}

.calltracker #call-tracker #search .row{ clear: both; padding-bottom: 10px; padding-top: 10px;}
.calltracker #call-tracker #search .row .col{ float: left;}

.calltracker .rightpanel {width:300px; margin-left:10px; float: left; }
.calltracker .callhistory{border: 1px solid #ccc;}
.calltracker .callhistory td{ border-bottom: 1px solid #DDDDDD;}

#addtrackpopup #addTrack, #addtrackpopup #candidate-histroy { border-bottom:1px #ccc solid; border-left:1px #ccc solid; border-right:1px #ccc solid; min-height: 50px; }

.add-track{}
.add-track .track_history{ max-height: 180px; overflow: auto;  padding-left: 10px;}
.add-track .track_list{ clear: both; border-bottom: 1px solid #ddd; font-size: 11px; font-weight: normal; padding-top: 5px;}
.add-track .track_list .header{ padding-top: 5px;}
.add-track .track_list .header .on{ float: left; width: 200px;}
.add-track .track_list .header .stage{ float: left; width: 250px;}
.add-track .track_list .header .by{ float: left; width: 250px;}
.add-track .track_list .header .notify{ float: left;}
.add-track .track_list .remarks{ clear: both; padding: 5px 0px;}
.add-track .track_list .remarks .r_title{ padding-bottom: 5px;}
.remark_contant{word-break: break-all;}

.add-vendor-track{}
.add-vendor-track .track_history{ height: 155px; overflow: auto;  padding-left: 10px;}
.add-vendor-track .track_list{ clear: both; border-bottom: 1px solid #ddd; font-size: 11px; font-weight: normal; padding-top: 5px;}
.add-vendor-track .track_list .header{ padding-top: 5px;}
.add-vendor-track .track_list .header .on{ float: left; width: 200px;}
.add-vendor-track .track_list .header .stage{ float: left; width: 250px;}
.add-vendor-track .track_list .header .by{ float: left;}
.add-vendor-track .track_list .remarks{ clear: both; padding: 5px 0px;}
.add-vendor-track .track_list .remarks .r_title{ padding-bottom: 5px;}

.candidate-history{}
.candidate-history .info{ font-size: 11px; font-weight: normal; width: 100%;}
.candidate-history .info .row{ clear: both; padding: 10px 0px;}
.candidate-history .info .row .title{ width: 50px; font-weight: bold; float: left;}
.candidate-history .info .row .text{ width: 200px; float: left;}
.candidate-history .info .row .skill_text{ width: 450px; float: left;}

.candidate-history .info_v{ font-size: 11px; font-weight: normal; width: 100%;}
.candidate-history .info_v .row{ clear: both; padding: 10px 0px;}
.candidate-history .info_v .row .title{ width: 100px; font-weight: bold; float: left;}
.candidate-history .info_v .row .text{ width: 200px; float: left;}
.candidate-history .info_v .row .skill_text{ width: 450px; float: left;}
.candidate-history .info_v .row .role_text{ width: 450px; float: left;}

.candidate-history .trackhistory-label{ clear: both; padding: 20px 0px 5px 0px; height: 20px;}

.candidate-history .track_history{ clear: both; height: 380px; overflow: auto; margin-top: 5px; padding-left: 3px;}
.candidate-history .track_list{ clear: both; border-bottom: 1px solid #ddd; font-size: 11px; font-weight: normal; padding-top: 5px;}
.candidate-history .track_list .header{ padding-top: 5px;}
.candidate-history .track_list .header .on{ float: left; width: 200px;}
.candidate-history .track_list .header .stage{ float: left; width: 250px;}
.candidate-history .track_list .header .by{ float: left;}
.candidate-history .track_list .remarks{ clear: both; padding: 5px 0px;}
.candidate-history .track_list .remarks .r_title{ padding-bottom: 5px;}

#list-resume-search .result-set{ padding:5px; margin-top:5px; }
#list-resume-search .result-set .result-set-item{ clear:both; padding:5px 5px 10px 5px; border:1px solid #eee; margin-top:20px; box-shadow:0 2px 5px #eee;}
#list-resume-search .result-set .result-set-item:hover{ box-shadow:0 4px 7px #eee; border:1px solid #ccc;}
#list-resume-search .result-set .result-set-item .col{ padding-right:15px; padding-bottom:10px; width:250px; text-wrap:none;}

#daily-report-main { padding-top:5px;}
#daily-report-main .header{ padding-left:0px; margin-right:0px;}
#daily-report-main .header a{ font-size:11px; font-weight:bold; text-decoration:none;}
#daily-report-main .header a:hover{ font-size:11px; font-weight:bold; text-decoration:none;}
#daily-report-main .header .icon{ margin-top:8px; float:left}
#daily-report-main .row{ clear:both; padding:5px 0px; font-size:11px; font-weight:normal;text-wrap:none;}
#daily-report-main .multicol{ clear:both; padding:0px; font-size:10px; font-weight:normal; text-wrap:none; line-height:14px !important; }
#daily-report-main .hightlight{ height:13px;}
#daily-report-main .hightlight:hover, #daily-report-main .active{ background-color:#2D91C3; color:#fff;  }
#daily-report-main .hightlight:hover a, #daily-report-main .active a{ color:#fff;}
#daily-report-main .bold{ font-weight:bold !important; }
#daily-report-main .bt{ border-top:1px solid #e8e8e8;}

#daily-report-main .row .index{ float:left; width:3%; padding-right:2px;}
#daily-report-main .row .name{ float:left; width:10%; padding-right:2px;}
#daily-report-main .row .dept{ float:left; width:7%; padding-right:2px;}
#daily-report-main .row .date{ float:left; width:7%; padding-right:2px;}
#daily-report-main .row .intime{ float:left; width:6%; padding-right:2px;}
#daily-report-main .row .submitedtime{ float:left; width:6%; padding-right:2px;}
#daily-report-main .row .timespread{ float:left; width:6%; padding-right:2px;}
#daily-report-main .row .zone{ float:left; width:4%; padding-right:2px;}
#daily-report-main .row .calls{ float:left; width:7%; padding-right:2px; }
#daily-report-main .row .recks{ float:left; width:4%; padding-right:2px; }
#daily-report-main .row .proposals{ float:left; width:5%; padding-right:2px; }
#daily-report-main .row .task{ float:left; width:3%; padding-right:2px; }
#daily-report-main .row .schedule{ float:left; width:3%; padding-right:4px; }
#daily-report-main .row .discussion{ float:left; width:3%; padding-right:2px; }
#daily-report-main .row .joinees{ float:left; width:10%; padding-right:2px;}
#daily-report-main .row .m2d{ float:left; width:40%; padding-right:5px; text-align:center;}
#daily-report-main .row .y2d{ float:left; width:40%; padding-right:5px; text-align:center}

/* leave history */
/* Employee list */
#leave-history-list { padding-top:5px;}
#leave-history-list .header{ padding-left:5px;}
#leave-history-list .header a{ font-size:11px; font-weight:bold; text-decoration:none;}
#leave-history-list .header a:hover{ font-size:11px; font-weight:bold; text-decoration:none;}
#leave-history-list .header .icon{ margin-top:8px; float:left}
#leave-history-list .row{ clear:both; padding:5px 0px; font-size:11px; font-weight:normal; hheight:13px; text-wrap:none;}
#leave-history-list .hightlight{ height:15px;}
#leave-history-list .hightlight:hover, #leave-history-list .active{ background-color:#2D91C3; color:#fff;  }
#leave-history-list .hightlight:hover a, #leave-history-list .active a{ color:#fff;}

#leave-history-list .own-company{ background-color:#f7c597;}


#leave-history-list .bold{ font-weight:bold !important; }
#leave-history-list .bt{ border-top:1px solid #e8e8e8;}
#leave-history-list .row .index{ float:left; width:2%; padding-right:5px;}
#leave-history-list .row .name{ float:left; width:10%; padding-right:5px;}
#leave-history-list .row .email{ float:left; width:5%; padding-right:5px;}
#leave-history-list .row .appli_lh{ float:left; width:23%; padding-right:2px;}
#leave-history-list .row .taken_lh{ float:left; width:35%; padding-right:2px;}
#leave-history-list .row .avail_lh{ float:left; width:16%; padding-right:2px;}

#leave-history-list .row .appli_lh .lh{ float:left; width:18%; padding-right:5px; text-align:center; white-space:nowrap;}
#leave-history-list .row .taken_lh .lh{ float:left; width:10%; padding-right:5px; text-align:center; white-space:nowrap;}
#leave-history-list .row .avail_lh .lh{ float:left; width:25%; padding-right:5px; text-align:center; white-space:nowrap;}

#leave-history-list .row .action{ float:left; width:5%; padding-right:5px;}
#leave-history-list  #paging{}

#daily-report-main .row .lh{ float:left; width:22%; padding-right:5px; text-align:center;}
#daily-report-main .row .action{ float:left; width:5%; padding-right:0px;}
#daily-report-main  #paging{}

#daily-report-main .row .joinees_lh{ float:left; width:14%; padding-right:2px;}

.detail-report{}
.detail-report .info{ font-size: 11px; font-weight: normal; width: 100%;}
.detail-report .info .row{ clear: both; padding: 10px 0px;}
.detail-report .info .row .title{ width: 10%; font-weight: bold; float: left;}
.detail-report .info .row .text{ width: 15%; float: left;}
.detail-report #graph{ font-size:12px; font-weight:bold;}

#report-feeds .row{ clear:both; padding:5px 0px; font-size:11px; font-weight:normal; height:13px; text-wrap:none;}
#report-feeds .bt{ border-top:1px solid #e8e8e8;}

#report-feeds .header a{ text-decoration:none; color:#0066ff;}
#report-feeds .header a:hover{ text-decoration:none;}
#report-feeds .header .icon{ margin-top:8px; float:left}

#report-feeds .row .index{ float:left; width:2%; padding-right:5px;}
#report-feeds .row .name{ float:left; width:15%; padding-right:5px;}
#report-feeds .row .email{ float:left; width:15%; padding-right:5px;}
#report-feeds .row .phone{ float:left; width:15%; padding-right:5px;}
#report-feeds .row .crm{ float:left; width:15%; padding-right:5px;}
#report-feeds .row .opening{ float:left; width:10%; padding-right:5px;}
#report-feeds .row .recruiter{ float:left; width:12%; padding-right:5px;}
#report-feeds .row .date{ float:left; width:10%; padding-right:5px;}
#report-feeds .row .doj{ float:left; width:10%; padding-right:5px; line-height:14px !important;}
#report-feeds .row .actions{ float:left; width:10%; padding-right:5px;}

#report-customer-feeds #blue, #report-customer-feeds #green, #report-customer-feeds #red, #report-customer-feeds #orange { border:1px solid #ccc; border-top:none !important;}
#report-customer-feeds .row{ clear:both; padding:5px 0px; font-size:11px; font-weight:normal; height:13px; text-wrap:none;}
#report-customer-feeds .header{ background-color:#EFEFEF; padding:5px 0px; font-weight:bold; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
#report-customer-feeds .bt{ border-top:1px solid #e8e8e8;}
#report-customer-feeds .row .index{ float:left; width:3%; padding-right:5px; padding-left:3px;}
#report-customer-feeds .row .rate{ float:left; width:8%; padding-right:5px; padding-left:3px;}
#report-customer-feeds .row .name{ float:left; width:25%; padding-right:5px;}
#report-customer-feeds .row .company{ float:left; width:50%; padding-right:5px;}
#report-customer-feeds .row .date{ float:left; width:10%; padding-right:5px;}
#report-customer-feeds .row .mode{ float:left; width:15%; padding-right:5px;}
#report-customer-feeds .row .actions{ float:left; width:3%; padding-right:5px;}
.vendor-consul{position: relative; left: 100px; }
.invo-tot-report .date .progress{height: 12px; margin:0;}
.invo-tot-report .date .progress span {height: 14px;}


#report-sales-feeds .row{ clear:both; padding:5px 0px; font-size:11px; font-weight:normal; height:13px; text-wrap:none;}
#report-sales-feeds .bt{ border-top:1px solid #e8e8e8;}

#report-sales-feeds .header a{ text-decoration:none; color:#0066ff;}
#report-sales-feeds .header a:hover{ text-decoration:none;}
#report-sales-feeds .header .icon{ margin-top:8px; float:left}

#report-sales-feeds .row .index{ float:left; width:3%; padding-right:5px;}
#report-sales-feeds .row .name{ float:left; width:20%; padding-right:5px;}
#report-sales-feeds .row .method{ float:left; width:10%; padding-right:5px;}
#report-sales-feeds .row .remarks{ float:left; width:45%; padding-right:5px;}
#report-sales-feeds .row .priority{ float:left; width:7%; padding-right:5px;}
#report-sales-feeds .row .date{ float:left; width:10%; padding-right:5px;}
#report-sales-feeds .row .actions{ float:left; width:3%; padding-right:5px;}

#vendor-candidate-feeds .row{ clear:both; padding:5px 0px; font-size:11px; font-weight:normal; height:13px; text-wrap:none;}
#vendor-candidate-feeds .bt{ border-top:1px solid #e8e8e8;}
#vendor-candidate-feeds .row .index{ float:left; width:3%; padding-right:5px;}
#vendor-candidate-feeds .row .name{ float:left; width:30%; padding-right:5px;}
#vendor-candidate-feeds .row .remarks{ float:left; width:30%; padding-right:5px;}
#vendor-candidate-feeds .row .priority{ float:left; width:7%; padding-right:5px;}
#vendor-candidate-feeds .row .date{ float:left; width:20%; padding-right:5px;}
#vendor-candidate-feeds .row .actions{ float:left; width:3%; padding-right:5px;}

#vendors-list { padding-top:5px;}
#vendors-list .header{ padding-left:5px;}
#vendors-list .header a{ font-size:11px; font-weight:bold; text-decoration:none;}
#vendors-list .header a:hover{ font-size:11px; font-weight:bold; text-decoration:none;}
#vendors-list .header .icon{ margin-top:8px; float:left}
#vendors-list .row{ clear:both; padding:5px 0px; font-size:11px; font-weight:normal; hheight:13px; text-wrap:none;}
#vendors-list .hightlight{ height:15px;}
#vendors-list .hightlight:hover, #vendors-list .active{ background-color:#2D91C3; color:#fff;  }
#vendors-list .hightlight:hover a, #vendors-list .active a{ color:#fff;}

#vendors-list .own-company{ background-color:#f7c597;}


#vendors-list .bold{ font-weight:bold !important; }
#vendors-list .bt{ border-top:1px solid #e8e8e8;}
#vendors-list .row .index{ float:left; width:2%; padding-right:5px;}
#vendors-list .row .priority{ float:left; width:7%; padding-right:5px;}
#vendors-list .row .msa{ float:left; width:10%; padding-right:5px;}
#vendors-list .row .name{ float:left; width:10%; padding-right:5px;}
#vendors-list .row .website{ float:left; width:2%; padding-right:5px;}
#vendors-list .row .skill{ float:left; width:10%; padding-right:5px;}
#vendors-list .row .role{ float:left; width:10%; padding-right:5px;}
/*#vendors-list .row .email{ float:left; width:15%; padding-right:5px;}
#vendors-list .row .phone{ float:left; width:10%; padding-right:5px;}*/
#vendors-list .row .contact{ float:left; width:5%; padding-right:5px; cursor:pointer;}
#vendors-list .row .date{ float:left; width:10%; padding-right:5px;}
#vendors-list .row .remark{ float:left; width:15%; padding-right:5px;}
#vendors-list .row .action{ float:left; width:11%; padding-right:5px;}
#vendors-list  #paging{}


/* confirmation board */

#joined-candidate-list { padding-top:5px;}
#joined-candidate-list .header{ padding-left:5px;}
#joined-candidate-list .header a{ font-size:11px; font-weight:bold; text-decoration:none;}
#joined-candidate-list .header a:hover{ font-size:11px; font-weight:bold; text-decoration:none;}
#joined-candidate-list .header .icon{ margin-top:8px; float:left}
#joined-candidate-list .row{ clear:both; padding:5px 0px; font-size:11px; font-weight:normal; hheight:13px; text-wrap:none;}
#joined-candidate-list .hightlight:hover, #joined-candidate-list .active{ background-color:#2D91C3; color:#fff;display: table;width: 100%;  }
#joined-candidate-list .hightlight:hover a, #joined-candidate-list .active a{ color:#fff;}

#joined-candidate-list .own-company{ background-color:#f7c597;}


#joined-candidate-list .bold{ font-weight:bold !important; }
#joined-candidate-list .bt{ border-top:1px solid #e8e8e8;}
#joined-candidate-list .row {clear: both;display: table;font-size: 11px;font-weight: normal;padding: 5px 0;width: 100%;}
#joined-candidate-list .row .index{ float:left; width:3%; padding-right:5px;}
#joined-candidate-list .row .candidaten{ float:left; width:10%; padding-right:5px;}
#joined-candidate-list .row .recuriter{ float:left; width:7%; padding-right:5px;}
#joined-candidate-list .row .crm{ float:left; width:8%; padding-right:5px;}
#joined-candidate-list .row .country{ float:left; width:10%; padding-right:5px;}
#joined-candidate-list .row .opening{ float:left; width:10%; padding-right:5px;}
#joined-candidate-list .row .manager{ float:left; width:10%; padding-right:5px;}
#joined-candidate-list .row .client-name{ float:left; width:18%; padding-right:5px;}
#joined-candidate-list .row .client{ float:left; width:8%; padding-right:5px;}
#joined-candidate-list .row .hiremode{ float:left; width:7%; padding-right:5px;}
#joined-candidate-list .row .date{ float:left; width:9%; padding-right:5px;}
#joined-candidate-list .row .action{ float:left; width:5%; padding-right:5px;}
#joined-candidate-list .row .month{ float:left; width:3%; padding-right:7px;}
#joined-candidate-list .row .rate{ float:left; width:5%; padding-right:5px;}
#joined-candidate-list .row .pay-date{ float:left; width:6%; padding-right:5px;}
#joined-candidate-list  #paging{}


#joined-candidate-list #tab-joined,#joined-candidate-list #tab-tomorrow, #joined-candidate-list #tab-two-days, #joined-candidate-list #tab-offered, #joined-candidate-list #tab-paid, #joined-candidate-list #tab-denied, #joined-candidate-list #tab-full { border:1px solid #ccc; border-top:none;}

/* Client Payment  */
#client-payment-list { padding-top:5px;}
#client-payment-list .header{ padding-left:5px;}
#client-payment-list .header a{ font-size:11px; font-weight:bold; text-decoration:none;}
#client-payment-list .header a:hover{ font-size:11px; font-weight:bold; text-decoration:none;}
#client-payment-list .header .icon{ margin-top:8px; float:left}
#client-payment-list .row{ clear:both; padding:5px 0px; font-size:11px; font-weight:normal; hheight:13px; text-wrap:none;}
#client-payment-list .hightlight{ height:25px;}
#client-payment-list .hightlight:hover, #client-payment-list .active{ background-color:#2D91C3; color:#fff;  }
#client-payment-list .hightlight:hover a, #client-payment-list .active a{ color:#fff;}

#client-payment-list .own-company{ background-color:#f7c597;}


#client-payment-list .bold{ font-weight:bold !important; }
#client-payment-list .bt{ border-top:1px solid #e8e8e8;}
#client-payment-list .row .index{ float:left; width:2%; padding-right:5px;}
#client-payment-list .row .candidaten{ float:left; width:8%; padding-right:5px;}
#client-payment-list .row .recuriter{ float:left; width:6%; padding-right:5px;}
#client-payment-list .row .crm{ float:left; width:10%; padding-right:5px;}
#client-payment-list .row .country{ float:left; width:8%; padding-right:5px;}
#client-payment-list .row .opening{ float:left; width:10%; padding-right:5px;}
#client-payment-list .row .manager{ float:left; width:10%; padding-right:5px;}
#client-payment-list .row .client-name{ float:left; width:18%; padding-right:5px;}
#client-payment-list .row .client{ float:left; width:11%; padding-right:5px;}
#client-payment-list .row .hiremode{ float:left; width:10%; padding-right:5px;}
#client-payment-list .row .time-period{ float:left; width:10%; padding-right:5px;}
#client-payment-list .row .date{ float:left; width:9%; padding-right:5px;}
#client-payment-list .row .pay{ float:left; width:7%; padding-right:5px;}
#client-payment-list .row .action{ float:left; width:5%; padding-right:5px;}

/* Candidate Invoice  */


#invoices-candidate-list { padding-top:5px;}
#invoices-candidate-list .header{ padding-left:5px;}
#invoices-candidate-list .header a{ font-size:11px; font-weight:bold; text-decoration:none;}
#invoices-candidate-list .header a:hover{ font-size:11px; font-weight:bold; text-decoration:none;}
#invoices-candidate-list .header .icon{ margin-top:8px; float:left}
#invoices-candidate-list .row{ clear:both; padding:5px 0px; font-size:11px; font-weight:normal; hheight:13px; text-wrap:none;}
#invoices-candidate-list .hightlight{ height:15px;}
#invoices-candidate-list .hightlight:hover, #invoices-candidate-list .active{ background-color:#2D91C3; color:#fff;  }
#invoices-candidate-list .hightlight:hover a, #invoices-candidate-list .active a{ color:#fff;}
#invoices-candidate-list .own-company{ background-color:#f7c597;}


#invoices-candidate-list .bold{ font-weight:bold !important; }
#invoices-candidate-list .bt{ border-top:1px solid #e8e8e8;}
#invoices-candidate-list .row .index{ float:left; width:2%; padding-right:5px;}
#invoices-candidate-list .row .candidaten{ float:left; width:10%; padding-right:5px;}
#invoices-candidate-list .row .rate{ float:left; width:6%; padding-right:5px;}
#invoices-candidate-list .row .recuriter{ float:left; width:6%; padding-right:5px;}
#invoices-candidate-list .row .crm{ float:left; width:10%; padding-right:5px;}
#invoices-candidate-list .row .country{ float:left; width:10%; padding-right:5px;}
#invoices-candidate-list .row .opening{ float:left; width:10%; padding-right:5px;}
#invoices-candidate-list .row .manager{ float:left; width:8%; padding-right:5px;}
#invoices-candidate-list .row .client{ float:left; width:9%; padding-right:5px;}
#invoices-candidate-list .row .hiremode{ float:left; width:8%; padding-right:5px;}
#invoices-candidate-list .row .date{ float:left; width:6%; padding-right:5px;}
#invoices-candidate-list .row .action{ float:left; width:5%; padding-right:5px;}
#invoices-candidate-list .row .icon{ float:left; width:11%; padding-right:5px;}
#invoices-candidate-list .row .title{
    width:8%;
    font-weight: bold;
}
#invoices-candidate-list .row .sno{
    width : 2%;
    font-weight: bold;
}
#invoices-candidate-list .row .lst-sno{
    width : 2%;    
    padding: 6px 10px;
}
#invoices-candidate-list .row .action{
    width : 4%;    
    padding: 6px 10px;
}
#invoices-candidate-list .row .title,#invoices-candidate-list .row .sno{
    padding: 6px 10px;
    background: #f7f7f7;
    background: #f7f7f7 url(_f7f7f7-e1e1e1.svg);
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e1e1e1));
    background: -moz-linear-gradient(top, #f7f7f7, #e1e1e1);
}
#invoices-candidate-list .row .title,#invoices-candidate-list .row-title{
    background: #f7f7f7;
    background: #f7f7f7 url(_f7f7f7-e1e1e1.svg);
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e1e1e1));
    background: -moz-linear-gradient(top, #f7f7f7, #e1e1e1);
}
#invoices-candidate-list .row .in-content{
    padding: 4px 10px;
    width:8%;
}
#invoices-candidate-list .invoices-list { 
    background: #f7f7f7;
    background: #f7f7f7 url(_f7f7f7-e1e1e1.svg);
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e1e1e1));
    background: -moz-linear-gradient(top, #f7f7f7, #e1e1e1);}

#invoices-candidate-list .row .sno { text-indent:4px;}

.invoices-list{ float: left; width: 100%;}

.invoices-list .col { background: #f4f2d9; }
.invoices-list .higlight-green,.invoices-list .col .higlight-green{ background: #008000 !important;  color:#fff !important; padding: 3px;}
.invoices-list .higlight-red,.invoices-list .col .higlight-red{ background: #FF0000 !important; color:#fff !important;  padding: 3px;}
.invoices-list .higlight-orange,.invoices-list .col .higlight-orange{ background: #FFA500 !important;  color:#fff !important;  padding: 3px;}

.invoices-list .row .lst-sno  { padding: 4px 10px;} 
.invoices-list .lst-sno {   text-indent: 4px;}
.invoices-list .row {float: left; width: 100%; background: #f4f2d9;}
.invoices-list {padding-top: 0 !important;}
.invoices-list .row .action  { padding: 4px 10px;} 
.hightlight .col.index { text-indent: 14px;}
.row.bt.hightlight {}

.invoice_track_history{ max-height: 130px; overflow: auto;  padding-left: 10px;}
.invoice_vendor_history{ max-height: 130px; overflow: auto;  padding-left: 10px;}
.invoice_client_track_history{ max-height: 300px; overflow: auto;  padding: 10px 0px; border-bottom: 1px solid #ccc; margin: 0px 0px 20px 0px;}
.invoice_client_track_history table th{ padding: 6px 0px; text-align: left;}


ul.invoices-report-list li{
    padding: 6px;
    list-style:square;
    color: #000;
    font-size: 16px;
}
ul.invoices-report-list li a{ 
    font-size: 16px;
    float: right;        
    margin-left: 100px;
    text-align: left;
    padding:5px;
    color: #0066ff;
}
ul.invoices-report-list li a.alert.alert-green{
    background-color: #00FF00;
    color : #000;
    padding:5px;
}
ul.invoices-report-list li a.alert.alert-orange{
    background-color: #FFA500;
    color : #000;
    padding:5px;
}
/* Login track */
#login-track-list { padding-top:5px;}
#login-track-list .header{ padding-left:5px;}
#login-track-list .header a{ font-size:11px; font-weight:bold; text-decoration:none;}
#login-track-list .header a:hover{ font-size:11px; font-weight:bold; text-decoration:none;}
#login-track-list .header .icon{ margin-top:8px; float:left}
#login-track-list .row{ clear:both; padding:5px 0px; font-size:11px; font-weight:normal; hheight:13px; text-wrap:none;}
#login-track-list .hightlight{ height:15px;}
#login-track-list .hightlight:hover, #login-track-list .active{ background-color:#2D91C3; color:#fff;  }
#login-track-list .hightlight:hover a, #login-track-list .active a{ color:#fff;}

#login-track-list .own-company{ background-color:#f7c597;}


#login-track-list .bold{ font-weight:bold !important; }
#login-track-list .bt{ border-top:1px solid #e8e8e8;}
#login-track-list .row .index{ float:left; width:2%; padding-right:5px;}
#login-track-list .row .name{ float:left; width:20%; padding-right:5px;}
#login-track-list .row .date{ float:left; width:20%; padding-right:5px;}
#login-track-list .row .ip{ float:left; width:15%; padding-right:5px;}
#login-track-list .row .action{ float:left; width:5%; padding-right:5px;}
#login-track-list  #paging{}

/* Pending Lead list */
#pending-lead-list { padding-top:5px;}
#pending-lead-list .header{ padding-left:5px;}
#pending-lead-list .header a{ font-size:11px; font-weight:bold; text-decoration:none;}
#pending-lead-list .header a:hover{ font-size:11px; font-weight:bold; text-decoration:none;}
#pending-lead-list .header .icon{ margin-top:8px; float:left}
#pending-lead-list .row{ clear:both; padding:5px 0px; font-size:11px; font-weight:normal; hheight:13px; text-wrap:none;}
#pending-lead-list .hightlight{ height:15px;}
#pending-lead-list .hightlight:hover, #pending-lead-list .active{ background-color:#2D91C3; color:#fff;  }
#pending-lead-list .hightlight:hover a, #pending-lead-list .active a{ color:#fff;}

#pending-lead-list .bold{ font-weight:bold !important; }
#pending-lead-list .bt{ border-top:1px solid #e8e8e8;}
#pending-lead-list .row .index{ float:left; width:2%; padding-right:5px;}
#pending-lead-list .row .name{ float:left; width:20%; padding-right:5px;}
#pending-lead-list .row .country{ float:left; width:10%; padding-right:5px;}
#pending-lead-list .row .type{ float:left; width:8%; padding-right:5px;}
#pending-lead-list .row .leadby{ float:left; width:10%; padding-right:5px;}
#pending-lead-list .row .remarks{ float:left; width:25%; padding-right:5px;}
#pending-lead-list .row .created{ float:left; width:10%; padding-right:5px;}
#pending-lead-list .row .action{ float:left; width:5%; padding-right:5px;}
#pending-lead-list  #paging{}

/* Employee list */
#employee-list { padding-top:5px;}
#employee-list .header{ padding-left:5px;}
#employee-list .header a{ font-size:11px; font-weight:bold; text-decoration:none;}
#employee-list .header a:hover{ font-size:11px; font-weight:bold; text-decoration:none;}
#employee-list .header .icon{ margin-top:8px; float:left}
#employee-list .row{ clear:both; padding:5px 0px; font-size:11px; font-weight:normal; hheight:13px; text-wrap:none;}
#employee-list .hightlight{ height:15px;}
#employee-list .hightlight:hover, #employee-list .active{ background-color:#2D91C3; color:#fff;  }
#employee-list .hightlight:hover a, #employee-list .active a{ color:#fff;}

#employee-list .own-company{ background-color:#f7c597;}


#employee-list .bold{ font-weight:bold !important; }
#employee-list .bt{ border-top:1px solid #e8e8e8;}
#employee-list .row .index{ float:left; width:2%; padding-right:5px;}
#employee-list .row .name{ float:left; width:10%; padding-right:5px;}
#employee-list .row .email-addr{ float:left; width:12%; padding-right:5px;}
#employee-list .row .email-addrs{ float:left; width:11%; padding-right:5px;}
#employee-list .row .email{ float:left; width:10%; padding-right:5px;}
#employee-list .row .cell{ float:left; width:7%; padding-right:5px;}
#employee-list .row .empcode{ float:left; width:5%; padding-right:5px;}
#employee-list .row .designation{ float:left; width:10%; padding-right:5px;}
#employee-list .row .category{ float:left; width:10%; padding-right:5px;}
#employee-list .row .status{ float:left; width:5%; padding-right:5px;}
#employee-list .row .action{ float:left; width:5%; padding-right:5px;}
#employee-list  #paging{}

/* Paycheck list */


#paycheck-list { padding-top:5px;}
#paycheck-list .header{ padding-left:5px;}
#paycheck-list .header a{ font-size:11px; font-weight:bold; text-decoration:none;}
#paycheck-list .header a:hover{ font-size:11px; font-weight:bold; text-decoration:none;}
#paycheck-list .header .icon{ margin-top:8px; float:left}
#paycheck-list .row{ clear:both; padding:5px 0px; font-size:11px; font-weight:normal; hheight:13px; text-wrap:none;}
#paycheck-list .hightlight{ height:15px;}
#paycheck-list .hightlight:hover, #paycheck-list .active{ background-color:#2D91C3; color:#fff;  }
#paycheck-list .hightlight:hover a, #paycheck-list .active a{ color:#fff;}

#paycheck-list .result-set{ padding:5px; margin-top:5px; }
#paycheck-list .result-set .result-set-item{ clear:both; padding:5px 5px 5px 5px; border:1px solid #eee; margin-top:10px; box-shadow:0 2px 5px #eee;}
#paycheck-list .result-set .approved{ border:1px solid #009933; }
#paycheck-list .result-set .result-set-item .section{ border:1px solid #ddd;}
#paycheck-list .result-set .result-set-item .section .editable{cursor:pointer;}
#paycheck-list .result-set .result-set-item .section .editable input[type=text]{ border:1px solid #eee;}
#paycheck-list .result-set .result-set-item .section th{ font-size:13px; font-weight:bold; background-color:#efefef;}
#paycheck-list .result-set .result-set-item .section tr:hover{ background-color:#efefef;}
#paycheck-list .result-set .result-set-item .section td{ border-top:1px solid #efefef;}

#paycheck-list .result-set .result-set-item:hover{ box-shadow:0 4px 7px #eee; border:1px solid #ccc;}
#paycheck-list .result-set .approved{ border:1px solid #009933 !important; }
#paycheck-list .result-set .result-set-item .col{ padding-right:5px; padding-bottom:10px; width:45%; text-wrap:none;}

#paycheck-list .bold{ font-weight:bold !important; }
#paycheck-list .bt{ border-top:1px solid #e8e8e8;}
#paycheck-list .row .index{ float:left; width:2%; padding-right:5px;}
#paycheck-list .row .name{ float:left; width:10%; padding-right:5px;}
#paycheck-list .row .email{ float:left; width:5%; padding-right:5px;}
#paycheck-list .row .appli_lh{ float:left; width:23%; padding-right:2px;}
#paycheck-list .row .taken_lh{ float:left; width:35%; padding-right:2px;}
#paycheck-list .row .avail_lh{ float:left; width:16%; padding-right:2px;}

#paycheck-list .row .appli_lh .lh{ float:left; width:18%; padding-right:5px; text-align:center; white-space:nowrap;}
#paycheck-list .row .taken_lh .lh{ float:left; width:10%; padding-right:5px; text-align:center; white-space:nowrap;}
#paycheck-list .row .avail_lh .lh{ float:left; width:25%; padding-right:5px; text-align:center; white-space:nowrap;}

#paycheck-list .row .action{ float:left; width:5%; padding-right:5px;}
#paycheck-list  #paging{}


#pay-history-list { padding-top:5px;}
#pay-history-list .header{ padding-left:5px;}
#pay-history-list .header a{ font-size:11px; font-weight:bold; text-decoration:none;}
#pay-history-list .header a:hover{ font-size:11px; font-weight:bold; text-decoration:none;}
#pay-history-list .header .icon{ margin-top:8px; float:left}
#pay-history-list .row{ clear:both; padding:5px 0px; font-size:11px; font-weight:normal; hheight:13px; text-wrap:none;}
#pay-history-list .hightlight{ height:15px; cursor:pointer;}
#pay-history-list .hightlight:hover, #pay-history-list .active{ background-color:#2D91C3; color:#fff;  }
#pay-history-list .hightlight:hover a, #pay-history-list .active a{ color:#fff;}
#pay-history-list .bg_blue{ background-color:#2D91C3; color:#fff;  }

#pay-history-list .section{ border:1px solid #ddd;}
#pay-history-list .section th{ font-size:13px; font-weight:bold; background-color:#efefef;}
#pay-history-list .section tr:hover{ background-color:#efefef;}
#pay-history-list .section td{ border-top:1px solid #efefef;}

#pay-history-list .bold{ font-weight:bold !important; }
#pay-history-list .bt{ border-top:1px solid #e8e8e8;}
#pay-history-list .row .index{ float:left; width:2%; padding-right:5px;}
#pay-history-list .row .name{ float:left; width:15%; padding-right:5px;}
#pay-history-list .row .action{ float:left; width:5%; padding-right:5px;}
#pay-history-list  #paging{}



/*private message*/
#user-list{}
#user-list input{ border:none !important;}
#user-list ul{ clear:both; list-style:none; font-size:12px;}
#user-list ul li{ float:left; padding-right:5px;}
#user-list .group{ font-weight:bold; padding:5px 0px;}
#user-list .user{ font-weight:normal; width:140px; ffloat:left; padding-top:3px;}

#message-tabs1{ border:1px solid #ccc !important;}
#message-tabs1 {position: relative;padding-left: 6.8em;}
#message-tabs1 .ui-tabs-nav {position: absolute;/*left: 0.25em;top: 0.25em;bottom: 0.25em;*/left: 0;top: 0;bottom: 0;width: 6em;padding: 0.2em 0 0.2em 0.2em;}
#message-tabs1 .ui-tabs-nav li {right: 1px;width: 100%;border-right: none;border-bottom-width: 1px !important;-moz-border-radius: 4px 0px 0px 4px;-webkit-border-radius: 4px 0px 0px 4px;	border-radius: 4px 0px 0px 4px;	overflow: hidden;}
#message-tabs1 .ui-tabs-nav li.ui-tabs-selected {border-right: 1px solid transparent;}
#message-tabs1 .ui-tabs-nav li a {float: right;width: 100%;text-align: right;}
#message-tabs1 > div {	min-height: 35em;}
#message-tabs .ui-tabs-nav { padding-left:25px; }

#received .row{ clear:both; padding:5px 0px; font-size:11px; font-weight:normal; height:13px; text-wrap:none; cursor:pointer;}
#received .bold{ font-weight:bold !important; }
#received .bt{ border-top:1px solid #e8e8e8;}
#received .row .index{ float:left; width:3%; padding-right:5px;}
#received .row .name{ float:left; width:15%; padding-right:5px;}
#received .row .messages{ float:left; width:60%; padding-right:5px;}
#received .row .date{ float:left; width:15%; padding-right:5px;}
#received .row .actions{ float:left; width:10%; padding-right:5px;}

#sent .row{ clear:both; padding:5px 0px; font-size:11px; font-weight:normal; height:13px; text-wrap:none; cursor:pointer;}
#sent .bold{ font-weight:bold !important; }
#sent .bt{ border-top:1px solid #e8e8e8;}
#sent .row .index{ float:left; width:3%; padding-right:5px;}
#sent .row .name{ float:left; width:15%; padding-right:5px;}
#sent .row .messages{ float:left; width:60%; padding-right:5px;}
#sent .row .date{ float:left; width:15%; padding-right:5px;}
#sent .row .actions{ float:left; width:10%; padding-right:5px;}

#view-message{ font-size:11px; font-weight:normal;}
#view-message #message-header{ padding-bottom:10px; }
#view-message #message-body{ clear:both;  border-top:1px solid #ccc; padding-top:5px; }
#view-message #message-header .header{ float:left; width:90%;}
#view-message #message-header .close{float:right; padding:0px 0px 5px 0px;}
#view-message #message-header .close div{ float:left; padding-left:5px;}
#view-message #message-header .header .row{ clear:both; padding:5px 0px; }
#view-message #message-header .header .row .col{ float:left;}
#view-message #message-header .header .row .label{ width:25px; padding-right:5px;}
#view-message #message-header .header .row .detail{ width:90%}

/* private message */

.quick_notificaton{background-image:url('../images/notifications.png'); width:26px; height:24px; position:relative;right:3px;bottom:1px; display:block;}

.quick_notificaton #notificationsCountWrapper{ color:#fff; font-weight:bold; background-color:#f00; padding:2px; display:block;
                                               position:absolute; z-index:1001; right:-1px; border-radius: 2px 2px 2px 2px;}

ul#topbtns {margin: 5px}
ul#topbtns li {float: left; margin-right: 25px; text-shadow: 1px 1px 1px #fff; color: #555; margin-bottom:45px; list-style:none;}
ul#topbtns li.desc {padding-top: 15px}
ul#topbtns li span {font-size: 11px; color: #666}
ul#topbtns li img {padding: 10px 0 5px 0}
ul#topbtns li a {
    text-shadow: none; 
    border: 1px solid #bbb; 
    text-align: center; 
    color: #666; 
    text-decoration: none; 
    -moz-box-shadow: 1px 1px 4px #ccc; 
    -webkit-box-shadow: 1px 1px 4px #ccc; 
    box-shadow: 1px 1px 4px #ccc; 
    background-color: #fff; 
    display: block; 
    -moz-border-radius: 4px; 
    border-radius: 4px; 
    -webkit-border-radius: 4px; 
    width: 85px; 
    height: 85px; 
    font-size: 11px; 
    font-weight:500;
}

ul#topbtns li a:hover {-moz-box-shadow: 1px 1px 4px #aaa; box-shadow: 1px 1px 4px #aaa; -webkit-box-shadow: 1px 1px 4px #aaa; color: #444; border: 1px solid #999}


ul#reportbtns {padding-top:10px; padding-left:0px;}
ul#reportbtns li {float: left; margin-right: 15px; text-shadow: 1px 1px 1px #fff; color: #555; margin-bottom:10px; list-style:none;}
ul#reportbtns li {  text-shadow: none;   border: 1px solid #bbb;   text-align: center;   color: #666;   text-decoration: none;   -moz-box-shadow: 1px 1px 4px #ccc;   -webkit-box-shadow: 1px 1px 4px #ccc; 
                    box-shadow: 1px 1px 4px #ccc;   background-color: #fff;   display: block;   -moz-border-radius: 4px;   border-radius: 4px;   -webkit-border-radius: 4px;   width: 70px; 
                    height: 55px;   cursor:pointer;  font-size: 11px;   }
ul#reportbtns li div{ font-size:11px; font-weight:bold; padding-top:5px; padding-bottom:10px;}
ul#reportbtns li a{ font-size:11px; font-weight:bold;}
ul#reportbtns li:hover {-moz-box-shadow: 1px 1px 4px #aaa; box-shadow: 1px 1px 4px #aaa; -webkit-box-shadow: 1px 1px 4px #aaa; color: #444; border: 1px solid #999}

ul#leavebtns {padding-top:5px; padding-left:0px;}
ul#leavebtns li {float: left; margin-right: 15px; text-shadow: 1px 1px 1px #fff; color: #555; margin-bottom:5px; list-style:none;}
ul#leavebtns li {  text-shadow: none;   border: 1px solid #bbb;   text-align: center;   color: #666;   text-decoration: none;   -moz-box-shadow: 1px 1px 2px #ccc;   -webkit-box-shadow: 1px 1px 4px #ccc; 
                   box-shadow: 1px 1px 4px #ccc;   background-color: #fff;   display: block;   -moz-border-radius: 4px;   border-radius: 4px;   -webkit-border-radius: 4px;   width: 35px; 
                   height: 35px;   cursor:pointer;  font-size: 11px;   }
ul#leavebtns li div{ font-size:11px; font-weight:normal; padding-top:2px; padding-bottom:2px;}
ul#leavebtns li a{ font-size:11px; font-weight:bold;}
ul#leavebtns li:hover {-moz-box-shadow: 1px 1px 4px #aaa; box-shadow: 1px 1px 4px #aaa; -webkit-box-shadow: 1px 1px 4px #aaa; color: #444; border: 1px solid #999}

.border_r{ border-right:1px solid #ccc; }
.padding_left_25{ padding-left:25px;}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
    height: 100px;
}
.ui-autocomplete-loading { background: white url('../images/ui-anim_basic_16x16.gif') right center no-repeat; }   

#ceo-msg-panel .messge, #news-panel .messge{  
    border: 1px solid #bbb; 
    color: #666; 
    text-decoration: none; 
    /*-moz-box-shadow: 1px 1px 4px #ccc; 
    -webkit-box-shadow: 1px 1px 4px #ccc; 
    box-shadow: 1px 1px 4px #ccc;*/ 
    background-color: #fff; 
    display: block; 
    -moz-border-radius: 4px; 
    border-radius: 4px; 
    -webkit-border-radius: 4px; 
    margin-bottom: 15px;
    min-height: 60px;
    padding:5px;
}

#ceo-msg-panel .messge:first-child, #news-panel .messge:first-child{ margin-top: 10px; }
#ceo-msg-panel .messge:hover, #news-panel .messge:hover {
    /* -moz-box-shadow: 1px 1px 4px #999; 
     -webkit-box-shadow: 1px 1px 4px #999; 
     box-shadow: 1px 1px 4px #999; */  
}

.messge .info{ padding: 5px 5px 5px 0px; font-size: 11px; font-weight: bold; text-align: right; }

section {
    /*float: left;*/
    position: relative;
    padding: 5px;
    margin: 15px 0 0 0;
    background-color: #dddedf;
    background-image: -webkit-gradient(
        linear, 
        0 90%,
        0 100%, from(rgba(255,255,255, .5)), to(#d1d1d1)
        );
    background-image: -moz-linear-gradient(
        top, 
        rgba(250,250,250,.4), 
        rgba(255,255,255,.0)
        );

    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
    box-shadow: 0 1px 2px rgba(0,0,0,.15);       
    font-size: 12px;
    /*line-height: 1.5em;*/
    color:#666666;
}
section.twothirds { width: 54%; }
section.onethird { width: 30%; float: right; }
section ol {
    list-style: none;
    background: #fff;
    background: rgba(255,255,255,.9);
    padding:0px;
}

section ol li {

}

.slidewrap {
    border: 1px solid #deddde;
    overflow: hidden !important;
    position: relative;
    width: 100%;
}

.slidewrap .item{max-height: 250px;
                 overflow:auto !important;
}
.slidewrap .meta{ padding: 10px 10px 0px 10px; font-size: 11px; font-weight: bold;}
.slidewrap .new { background-image: url(../images/new_flip.png);
                  background-position: -7px -6px;
                  background-repeat: no-repeat; padding-left: 35px; height:25px; }
.copy{
    padding: 0px 10px 10px 10px;
}

.col-2 {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}

.col-3 {
    -moz-column-count: 3;
    -moz-column-gap: 10px;
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    column-count: 3;
    column-gap: 10px;
}

.prev,
.next { 
    display: block;
    text-indent: -9999px;
}

.prev { 
    background-image: url(../images/icon_left.gif);
    background-position: center center;
    background-repeat: no-repeat; 
}
.next {
    background-image: url(../images/icon_right.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

.first { position: relative; width: 100%; padding: 5px 0; }
.first .slidewrap { width: 92.6%; margin: 0 auto; }

.first .prev,
.first .next {
    float: left;
    position: absolute;
    top: 50%;
    margin: -50px 0 0 0;
    width: 3.5%;
    height: 100px;
    display: block;
}
.first .prev { left: 0; background-position: 60% 50%; }
.first .next { right: 0; background-position: 40% 50%; }

.second .nextprev { padding: 8px 0 4px 0; clear: both; float: left; width: 100%; }
.second .nextprev li { display: inline; }
.second .nextprev span{ padding-left: 45%;}

.second .prev,
.second .next {
    display: block;
    width: 15px;
}
.second .prev { float: left; }
.second .nexrt { float: right; }

/* Employee */
.emp-form{ float: left; width: 98%; font-size: 11px; }
.emp-form .content {border:#eee solid 1px; box-shadow:0px 2px 5px #ccc;-moz-box-shadow:0px 2px 5px  #ccc;-webkit-box-shadow:0px 2px 5px  rgba(255,255,255,0.5);	-khtml-box-shadow:0px 2px 5px  rgba(255,255,255,0.5);	/*width:145px;*/	min-height:45px;        padding:5px 5px 5px 10px;        height: auto;  }
.emp-form .content .section{ padding: 2px 0px; clear: both;  }
.emp-form .content .section .heading{ font-weight: bold; font-size: 13px; }
.pad_r_100 { padding-right: 50px; }
.noborder{ border: none !important; }

input.readonly, input.readonly:focus{ border: 1px solid #fff !important;}


/* Employee */

/* Task */

.task-filters{ float: left; width: 17%; font-size: 11px; }
.task-filters .content {border:#cfcfcf solid 1px;box-shadow:0px 2px 5px #ccc;-moz-box-shadow:0px 2px 5px  #ccc;-webkit-box-shadow:0px 2px 5px  rgba(255,255,255,0.5);	-khtml-box-shadow:0px 2px 5px  rgba(255,255,255,0.5);	/*width:145px;*/	min-height:45px;        padding:5px 5px 5px 10px;        height: auto;  }
.task-filters .content .section{ padding: 2px 0px; border-bottom: 1px solid #ccc; }
.task-filters .content .section .heading{ font-weight: bold; font-size: 13px; }
.noborder{ border: none !important;}
.task-list{ float: right; width: 82%; }
.todo-list{ float: right; width: 82%;position: relative;bottom: 25px; }
.filter_panel{ border:#cfcfcf solid 1px;box-shadow:0px 2px 5px #ccc;-moz-box-shadow:0px 2px 5px  #ccc;-webkit-box-shadow:0px 2px 5px  rgba(255,255,255,0.5);	-khtml-box-shadow:0px 2px 5px  rgba(255,255,255,0.5);	/*width:145px;*/	min-height:45px;        padding:5px 5px 5px 10px;        height: auto;  }

#task-container { padding-top:5px;}
#task-container .header{ padding-left:5px;}
#task-container .header a{ font-size:11px; font-weight:bold; text-decoration:none;}
#task-container .header a:hover{ font-size:11px; font-weight:bold; text-decoration:none;}
#task-container .header .icon{ margin-top:8px; float:left}
#task-container .row{ clear:both; padding:5px 5px; font-size:11px; font-weight:normal; height:13px; text-wrap:none;}
#task-container .hightlight{ height:15px;}
#task-container .hightlight:hover, #task-container .active{ background-color:#2D91C3; color:#fff;  }
#task-container .hightlight:hover a, #task-container .active a{ color:#fff;}

#task-container .own-company{ background-color:#f7c597;}
.priority-High {background-color: #EEE1DC;  border: 1px solid #E1D2C5;   color: #675C54; }
.priority-Normal {    background-color: #E4F0F3;    border: 1px solid #D1E3E8;    color: #68777C;}
.priority-Low {    background-color: #EBF0DB;    border: 1px solid #DDE3C3;    color: #666953;  }

#task-container .bold{ font-weight:bold !important; }
#task-container .bt{ border-top:1px solid #e8e8e8;}
#task-container .row .index{ float:left; width:2%; padding-right:5px;}
#task-container .row .title{ float:left; width:25%; padding-right:5px;}
#task-container .row .project{ float:left; width:10%; padding-right:5px;}
#task-container .row .assigned{ float:left; width:10%; padding-right:5px;}
#task-container .row .owner{ float:left; width:10%; padding-right:5px;}
#task-container .row .dueon{ float:left; width:5%; padding-right:5px;}
#task-container .row .priority{ float:left; width:7%; padding-right:5px; text-align: center;}
#task-container .row .state{ float:left; width:7%; padding-right:5px;}
#task-container .row .created{ float:left; width:10%; padding-right:5px;}
#task-container .row .action{ float:left; wwidth:10%; padding-right:5px;}
#task-container  #paging{}

.task-details-body{width:70%; float: left;}
.task-details-body .task-desc{ font-size: 12px; padding: 5px 5px 0px 0px; line-height: 1.6em; bborder-bottom: 1px solid #ccc;   bborder: 1px solid #bbb; 
                               color: #666;   text-decoration: none;   -mmoz-box-shadow: 1px 1px 4px #ccc;   -wwebkit-box-shadow: 1px 1px 4px #ccc;   bbox-shadow: 1px 1px 4px #ccc; 
                               background-color: #fff;   display: block;   -mmoz-border-radius: 4px;   bborder-radius: 4px;   -webkit-border-radius: 4px;   margin-bottom: 12px;
                               mmin-height: 60px; }
.task-details-body .comments{ font-size: 12px; padding: 10px 5px 5px 0px; line-height: 1.5em; color: #666666;}
.task-details-body .comments h1{font-size: 13px !important; font-weight: bold; border-bottom: 1px solid #ccc; color: #003399; }
.task-details-body .comments .row .pr_25{ width: 20%; }




.task-details-body .add-comments{ font-size: 11px; padding: 0px 5px 5px 0px;}
.task-details-body .add-comments h1{font-size: 13px !important; font-weight: bold; color: #003399; }

.task-new-meta{ border:#cfcfcf solid 1px; padding:5px 5px 5px 10px; padding-bottom: 20px; box-shadow:0 0 5px #ccc; }

.task-details-meta .action-required{ font-size: 11px;}
.task-details-meta .action-required h1{font-size: 13px !important; font-weight: bold; color: #ff0000; }
.task-details-meta .action-required .content{ border: 1px solid; margin: 0 0 10px 0px; padding:0px 0px 0px 50px;  color: #9F6000;  background-color: #FEEFB3;}
.task-details-meta .action-required .content .row{ border:none !important;}

.task-details-meta{ width: 27%; float: right; margin-top: 10px; font-size: 11px; right: 10px;}
.task-details-meta .content {border:#cfcfcf solid 1px;box-shadow:0px 2px 5px #ccc;-moz-box-shadow:0px 2px 5px  #ccc;-webkit-box-shadow:0px 2px 5px  rgba(255,255,255,0.5);	-khtml-box-shadow:0px 2px 5px  rgba(255,255,255,0.5);	/*width:145px;*/	min-height:45px;        padding:5px 5px 5px 10px;        height: auto;        padding-bottom: 20px}
.task-details-meta .content h1{ font-size: 15px !important; font-weight: bold; padding-bottom: 5px; color: #003399;}
.task-details-meta .content .row{hheight: 20px; border-bottom: 1px solid #eeefff;}
.task-details-meta .content .bb_dark{bborder-bottom: 1px solid #bbb;}
.task-details-meta .content .heading{ width: 30%;}
.task-details-meta .content .data{ font-weight: bold;}

/* Task */

/* Leave */
#leave-container { padding-top:5px;}
#leave-container .header{ padding-left:5px;}
#leave-container .header a{ font-size:11px; font-weight:bold; text-decoration:none;}
#leave-container .header a:hover{ font-size:11px; font-weight:bold; text-decoration:none;}
#leave-container .header .icon{ margin-top:8px; float:left}
#leave-container .row{ clear:both; padding:5px 0px; font-size:11px; font-weight:normal; height:13px; text-wrap:none;}
#leave-container .hightlight{ height:15px;}
#leave-container .hightlight:hover, #leave-container .active{ background-color:#2D91C3; color:#fff;  }
#leave-container .hightlight:hover a, #leave-container .active a{ color:#fff;}


#leave-container .bold{ font-weight:bold !important; }
#leave-container .bt{ border-top:1px solid #e8e8e8;}
#leave-container .row .index{ float:left; width:5%; padding-right:5px;}
#leave-container .row .name{ float:left; width:20%; padding-right:5px;}
#leave-container .row .date{ float:left; width:10%; padding-right:5px;}
#leave-container .row .dept{ float:left; width:15%; padding-right:5px;}
#leave-container .row .action{ float:left; width:10%; padding-right:5px;}
#leave-container  #paging{}

.generate-paycheck-panel{ width: 500px; margin:0 auto; font-size:12px;}

/* Leave */

#search-container-expand{ display:none; cursor:pointer;}
#report-search-container-expand{ display:none;}
#report-search-container{cursor:pointer;}
#report-search-container > .indiv{
    display: inline-block;
}
#report-search-container > .indiv > div > a{
    padding: 0px;
    margin: 0px;
    display: inline-block;
}

/* Growl */
#growl-container{ position:fixed; top:5px; right:5px; width:340px; z-index:1000; 
                  background: #fff;
                  border: 1px solid #ccc;   color: #333; font-size: 11px; font-weight:normal; text-shadow: 0 1px 0 #fff;  hheight: 30px !important;  line-height: 20px;
                  margin: 0;   padding: 0 5px;
                  height:62px; overflow:hidden;
                  border-radius: 5px;
                  box-shadow: 0px 0px 5px #aaa; list-style:none !important;
}
#growl-container #growl-header{ background: #f7f7f7; cursor:pointer;
                                background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e1e1e1));
                                background: -moz-linear-gradient(top,  #f7f7f7,  #e1e1e1);
                                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e1e1e1');
                                border: 1px solid #ccc;   color: #333; font-size: 12px; font-weight:bold; text-shadow: 0 1px 0 #fff;  height: 30px !important;  line-height: 30px;
                                margin: 0;   padding: 0 5px;   -moz-box-shadow:inset 0 1px 0 #fff;   -webkit-box-shadow:inset 0 1px 0 #fff;   box-shadow:inset 0 1px 0 #fff;
                                -moz-border-radius-topleft: 5px;    -moz-border-radius-topright: 5px;    -webkit-border-top-left-radius: 5px;    -webkit-border-top-right-radius: 5px;
                                -khtml-border-top-left-radius: 5px;    -khtml-border-top-right-radius: 5px;    border-top-left-radius: 5px;    border-top-right-radius: 5px; }
#growl-container #growl-header .growl-close{ padding:10px 10px 0px 0px;}
#growl-container #growl-body{ ppadding:5px; bbackground-color:#fff; bborder:1px solid #ccc; bborder-top:none;}
#growl-container #growl-body #growl-body-list tr:hover{ background-color:#efefef; cursor:pointer;}
/* Growl*/

.page-heading{ background:url("../images/line.jpg") repeat-x scroll 0 21px transparent; text-align:center;}
.page-heading span{   color: #3D3D3D !important; font-size: 35px; font-weight: 700;  margin-bottom: 20px;  text-align: center; text-transform: uppercase; background-color:#fff; padding:0px 10px }


/* Blog */
.blog-item{ padding:10px 0px; color:#3D3D3D; }
.blog-item .title{ border-bottom:1px solid #dfdfdf; margin-bottom:5px; padding-bottom:5px; }
.blog-item .title a{ color: #3D3D3D !important; font-size:14px; text-decoration:none;}
.blog-item .title a:hover{ text-decoration:none; opacity : 0.4;}
.blog-content{ font-size:14px; line-height:24px; text-align:justify;}
.blog-image{ padding:0px 10px 10px 0px;}

.blog-detail{ padding:10px 0px; color:#3D3D3D; border-bottom:1px solid #dfdfdf; }
.blog-detail .title{ border-bottom:1px solid #dfdfdf; margin-bottom:5px; padding-bottom:5px; font-size:18px; }

.blog-details .comments{ font-size: 12px; padding: 10px 5px 5px 0px; line-height: 1.5em; color: #666666;}
.blog-details .comments h1{font-size: 15px !important; font-weight: bold; border-bottom: 1px solid #ccc; color: #003399; }
.blog-details .comments .row .pr_25{ width: 20%; }

.blog-details .add-comments{ font-size: 11px; padding: 10px 5px 5px 0px;}
.blog-details .add-comments h1{font-size: 15px !important; font-weight: bold; color: #003399; }

/* Horizontal Example CSS Menu */

/*#cm-nav-horz li a.arrow {background-image: url(arrow-right-horz-example.gif)}

#cm-nav-horz > li > a.arrow {background-image: url(arrow-down-horz-example.gif)}*/

ul#cm-nav-horz ,
ul#cm-nav-horz ul {
    list-style-type: none;
    margin: 0px;
    list-style-image: none;
    padding: 0px
}

ul#cm-nav-horz li {
    position: relative;
    list-style-type: none;
    margin: 0px;
    width: auto;
    float: left;
    list-style-image: none;
    padding: 0px
}
ul#cm-nav-horz li ul {     
    box-shadow: 0 10px 10px #CCCCCC;
    -moz-box-shadow:inset 0 10px 10px #CCCCCC;
    -webkit-box-shadow: 0 10px 10px #CCCCCC;
    -khtml-box-shadow:inset 0 10px 10px #CCCCCC;
    -webkit-background-clip: padding-box;

}
ul#cm-nav-horz li li {
    width: auto; 
    float: none;
}

.sub_menu_arrow{ float:right; background:url(../images/bullet-arrow-right.png) no-repeat right center; padding-right:5px; }

#cm-nav-horz li a{
    /*background: #d1d1d1;
    background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#d1d1d1));
    background: -moz-linear-gradient(top,  #ddd,  #d1d1d1);*/
    /*//color: #F4F4F4;*/
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    color:#ffffff;
    display: block;   
    font-weight:bold;
    /*font-family: arial;*/
    font-size: 13px;    
    line-height: 27px;
    padding: 5px 10px;
    /*text-shadow: 0 1px 0 #fff;*/

    /*-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-radius: 5px 5px 0px 0px;

    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;*/

    text-decoration: none;

    /*box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5);
    -khtml-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-background-clip: padding-box;*/
}

#cm-nav-horz li li a{
    /*//background-color: #3E4144;*/
    background-color: #FFFFFF;
    /* background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#d1d1d1));
     background: -moz-linear-gradient(top,  #ddd,  #d1d1d1);*/
    color: #000000;
    display: block;    
    /*font-family: arial;*/
    font-size: 13px;
    font-weight: normal;
    line-height: 25px;    

    padding: 2px 15px;
    /*text-shadow: 0 1px 0 #fff;*/

    /*-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-radius: 5px 5px 0px 0px;

    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;*/

    text-decoration: none;

    /*box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5);
    -khtml-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-background-clip: padding-box;*/
    width:150px;
}

#cm-nav-horz1 a {
    border-bottom: black 1px solid;
    text-align: left;
    border-left: black 1px solid;
    display: block;
    font-family: verdana;
    white-space: nowrap;
    color: black;
    font-size: 9pt;
    border-top: black 1px solid;
    border-right: black 1px solid;
    text-decoration: none;
    padding: 5px
}

#cm-nav-horz a:focus {
    outline-style: none;
    outline-color: invert;
    outline-width: medium
}

#cm-nav-horz a.no-click {cursor: default}

#cm-nav-horz li a {margin: 0px -1px 0px 0px}

#cm-nav-horz li li a {margin: 0px 0px -1px}

/*#cm-nav-horz > li > a.arrow {padding-right: 14px}*/

#cm-nav-horz ul.arrow-pad > li > a {padding-right: 11px}

#cm-nav-horz li a.arrow ,
#cm-nav-horz > li > a.arrow {
    background-repeat: no-repeat;
    background-position: right 50%
}

#cm-nav-horz li:hover > a {color: #ffffff}

#cm-nav-horz li ul ,
#cm-nav-horz li:hover ul ul ,
#cm-nav-horz li:hover ul ul ul ,
#cm-nav-horz li:hover ul ul ul ul ,
#cm-nav-horz li:hover ul ul ul ul ul ,
#cm-nav-horz li:hover ul ul ul ul ul ul ,
#cm-nav-horz li:hover ul ul ul ul ul ul ul ,
#cm-nav-horz li:hover ul ul ul ul ul ul ul ul {
    z-index: 999;
    position: absolute;
    display: none
}

#cm-nav-horz li:hover ul {display: block}

#cm-nav-horz li li:hover ul ,
#cm-nav-horz li li li:hover ul ,
#cm-nav-horz li li li li:hover ul ,
#cm-nav-horz li li li li li:hover ul ,
#cm-nav-horz li li li li li li:hover ul ,
#cm-nav-horz li li li li li li li:hover ul {
    display: block;
    margin-left: 100%
}

#cm-nav-horz li:hover ul {margin-left: 0px}

#cm-nav-horz ul ul {
    top: 1px;
    left: -1px
}

/*#cm-nav-horz li {top: -1px}*/

/*#cm-nav-horz a {background-color: #FFFF73}*/

/*//#cm-nav-horz li:hover > a {background-color: #3E4144}*/
#cm-nav-horz li:hover > a {background-color: #1E74C5}



/*//#cm-nav-horz li li a:hover {background-color: #aaa; color: #FFF;}*/

.stage_mapping{border: 1px solid #ccc; }
.stage_mapping td{ border: 1px solid #cccccc; padding:2px; width:85px;}

.vertical-text{  width: 10px;  font-size: 12px; letter-spacing: 40px; word-wrap: break-word; text-transform:uppercase;  }

.row.pad_t_5 > a{
    color: #0066FF;font-size: 11px;outline: medium none;text-decoration: none;padding:10px
}
#employee-list .row .name1{ float:left; width:38%; padding-right:5px;}
#employee-list .row .name2{ float:left; width:38%; padding-right:5px;left: 14px;position:relative}
#employee-list .row .name3{ float:left; width:38%; padding-right:5px;left: 28px;position:relative}
#employee-list .row .level1{ float:left; width:7%; padding-right:5px;}
#employee-list .row .link1{ float:left; width:39%; padding-right:5px;}
#employee-list .row .link2{float: left;
                           left: 6px;
                           padding-right: 5px;
                           position: relative;
                           width: 38%;}
#employee-list .row .edit1{  width:7%; padding-right:5px;}
#employee-list .row .edit2{    left: 10px;
                               padding-right: 5px;
                               position: relative;
                               width: 7%;}
#employee-list .row .delete1{  width:7%; padding-right:5px;}
#employee-list .row .delete2{    left: 17px;
                                 padding-right: 5px;
                                 position: relative;
                                 width: 7%;}
.error_order{
    font-size:12px;
    color:#900;
    left: 543px;
    position: relative;
}
.ord_menu{
    width:20px;
    position: relative;
    top: -4px;
}
.dwn_attach{
    width:100%;
    border-top: 1px solid #eee;
    align:left;
    position:relative;
    top:4px;
}
.cc{
    padding-top:10px;
    float:left;
    position:relative;
    left:235px;
    top:-44px;
}

.asgn{
    padding-top:20px;
    float:left;
}
.atts{
    left: 30px;
    position: relative;
    top: -13px;
    width:95%
}
.att_img{
    position:relative;
    top:7px
}
.as_to{
    position:relative;
    top:-11px
}
.as_to1{
    height:31px;
    width:200px;
    position:relative;
    top:-12px
}
.h_31{
    height:31px;
}
.dsc_btn{
    padding-top:18px;
    position:relative;
    top:-7px;
}

.fl_ld{
    float:left; 
    width:100px;
    margin:50px 5px 0px 15px;
}
.ld_sub{
    position:relative;
    top:15px;
}
.row.dels > a {
    color: #0066FF;
    font-size: 11px;
    outline: medium none;

    text-decoration: none;
}

.pr_textarea{
    resize: none !important;
    width:555px !important;
    height: 150px !important;
}
.pr_td{
    width: 65px;
}
.proposal-tab{
    max-height: 180px;
    overflow-y: auto;
}
.v_a{
    vertical-align:top;
}
.scroll-content{
    max-height: 80px;
    max-width:200px;
    overflow: auto;
}
#contact-info td{ border-bottom:1px solid #efefef;}

/* customer block */
#cus-list { padding-top:5px;}
#cus-list .header{ padding-left:5px;}
#cus-list .header a{ font-size:11px; font-weight:bold; text-decoration:none;}
#cus-list .header a:hover{ font-size:11px; font-weight:bold; text-decoration:none;}
#cus-list .header .icon{ margin-top:8px; float:left}
#cus-list .row{ clear:both; padding:5px 0px; font-size:11px; font-weight:normal; hheight:13px; text-wrap:none;}
#cus-list .hightlight{ height:15px;}
#cus-list .hightlight:hover, #cus-list .active{ background-color:#2D91C3; color:#fff;  }
#cus-list .hightlight:hover a, #cus-list .active a{ color:#fff;}

#cus-list .own-company{ background-color:#f7c597;}


#cus-list .bold{ font-weight:bold !important; }
#cus-list .bt{ border-top:1px solid #e8e8e8;}
#cus-list .row .index{ float:left; width:2%; padding-right:5px;}
#cus-list .row .priority{ float:left; width:7%; padding-right:5px;}
#cus-list .row .msa{ float:left; width:10%; padding-right:5px;}
#cus-list .row .name{ float:left; width:10%; padding-right:5px;}
#cus-list .row .website{ float:left; width:2%; padding-right:5px;}
#cus-list .row .skill{ float:left; width:10%; padding-right:5px;}
#cus-list .row .role{ float:left; width:10%; padding-right:5px;}
/*#cus-list .row .email{ float:left; width:15%; padding-right:5px;}
#cus-list .row .phone{ float:left; width:10%; padding-right:5px;}*/
#cus-list .row .contact{ float:left; width:5%; padding-right:5px; cursor:pointer;}
#cus-list .row .date{ float:left; width:10%; padding-right:5px;}
#cus-list .row .remark{ float:left; width:20%; padding-right:5px;}
#cus-list .row .action{ float:left; width:11%; padding-right:5px;}
#cus-list  #paging{}
/* RFQ List */

.rfq-list{width: 100% }

#rfq-container { padding-top:5px;}
#rfq-container .header{ padding-left:5px;}
#rfq-container .header a{ font-size:11px; font-weight:bold; text-decoration:none;}
#rfq-container .header a:hover{ font-size:11px; font-weight:bold; text-decoration:none;}
#rfq-container .header .icon{ margin-top:8px; float:left}
#rfq-container .row{ clear:both; padding:5px 0px; font-size:11px; font-weight:normal; height:13px; text-wrap:none;}
#rfq-container .hightlight{ height:15px;}
#rfq-container .hightlight:hover, #rfq-container .active{ background-color:#2D91C3; color:#fff;  }
#rfq-container .hightlight:hover a, #rfq-container .active a{ color:#fff;}

#rfq-container .own-company{ background-color:#f7c597;}

.priority-Medium {    background-color: #E4F0F3;    border: 1px solid #D1E3E8;    color: #68777C;}


#rfq-container .bold{ font-weight:bold !important; }
#rfq-container .bt{ border-top:1px solid #e8e8e8;}
#rfq-container .row .index{ float:left; width:2%; padding-right:5px;}
#rfq-container .row .title{ float:left; width:12%; padding-right:5px;}
#rfq-container .row .flag{ float:left; width:2%;}
#rfq-container .row .top_title{ float:left; width:10%; padding-right:5px;}
#rfq-container .row .project{ float:left; width:10%; padding-right:5px;}
#rfq-container .row .assigned{ float:left; width:8%; padding-right:5px;}
#rfq-container .row .assigned-by{ float:left; width:6%; padding-right:5px;}
#rfq-container .row .owner{ float:left; width:8%; padding-right:5px;}
#rfq-container .row .dueon{ float:left; width:7%; padding-right:5px;}
#rfq-container .row .priority{ float:left; width:4%; padding-right:5px;}
#rfq-container .row .hours{ float:left; width:5%; padding-right:5px;}
#rfq-container .row .state{ float:left; width:5%; padding-right:5px;}
#rfq-container .row .created{ float:left; width:6%; padding-right:5px;}
#rfq-container .row .action{ float:left; width:6%; padding-right:5px;}
#rfq-container .row .remark{ float:left; width:6%; padding-right:5px;}
#rfq-container  #paging{}
.rfq-top{
    margin-top:15px;
}
.mt-5{
    margin-top:5px;
}
.min_height-s {	
    height:300px;
}
.mar-t-10{
    margin-top:10px;
}
#contact-info td{ 
    border-bottom:1px solid #efefef;
}
.report-left{
    float:left;
    padding: 2px 5px 0px 5px;;
    width:150px;
}
.transparent_class{
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

    /* IE 5-7 */
    filter: alpha(opacity=50);

    /* Netscape */
    -moz-opacity: 0.5;

    /* Safari 1.x */
    -khtml-opacity: 0.5;

    /* Good browsers */
    opacity: 0.5;
}
.fc_b{
    color: #0066FF !important;
}
#event_time_zone,#event_time{
    width: 75px;
}
.center_align{
    padding-top: 20%;
}
/*RFQ END*/
/*//project changes*/

.dollar_txt{
    float: left;position: relative;top: 4px;
}
.pro_error{
    padding-left:0px;margin-top:12px;color: #990000;
}
.pro_save{
    padding-left:240px;float:left;margin-top:12px;color: #990000;
}
.req_width{
    width:250px;
}
.tab_pro{
    border:1px solid #ccc;border-top:0px solid #ccc;max-height:290px; overflow:auto; clear:both
}
#cld_pro{
    position:relative;top:5px
}
.pro_cmt{
    width:100%; max-height:300px; overflow:auto
}
.dollar_txt {
    float: left;
    position: relative;
    top: 4px;
}
.inv_title{
    position:relative;top:4px;
}
.ong_inv{
    position:relative;left:-320px
}
.on_inv{
    position:relative;right:317px
}
.rai_inv{
    position:relative;left:-110px;font-size:15px
}
.ra_inv{
    position:relative;left:-106px;font-size:15px
}
.ra_inv a{
    font-size:15px !important;
}
.pa_inv{
    position:relative;left:250px
}
.p_inv{
    position:relative;left:253px;
}
.pro_ong{
    float:right;position:relative;right:69px;top:12px
}
.pro_ong1{
    float:right;position:relative;top:0px;left:3px;padding-left: 7px
}
.proj_error1{
    color: #990000;
    float: left;
    padding: 13px;
    position: relative;
    /*// right: 543px;*/
    top: 17px;
}
.inv_ac{
    position:relative;right:310px;
}
pjt_lnk{

    float: right;
    position: relative;
    right: 22px;
    top: 16px;
}
.proj_error2{
    color: #990000;
    float: left;
    padding-bottom: 22px;
    position: relative;
    right: 356px;
    top: 24px
}
.panela{
    background: none repeat scroll 0 0 #F7F7F7;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    padding:1px;
}
#employee-list .row .link2 {
    float: left;
    padding-right: 5px;
    width: 49%;
}

.tme_tsk{
    position:relative;
    bottom:2px;
}
.base1{
    width:58%;
    margin-top:30px;
    margin-left:30px;
}
.op1{
    float:left;position:relative;left:80px;
}
.src{
    margin-top:-10px;width:480px;position:relative;left:11px;
}
.bs_err{
    position: relative;left:11px;color:red;bottom:10px;
}
.bx_bse{
    display: inline-block;position:relative;left:11px;bottom:20px;
}
.wd_base{
    position:relative;left:20px;width: 476px;
}
.tbl{
    max-height:250px; overflow:auto; overflow-x: hidden; clear:both
}
.opv_jb{
    float:right;position:relative;top:10px;right:4px
}
.cl_job{
    max-height:250px; overflow:auto; clear:both
}
.jb{
    width:999px;margin: 0 auto;
}
.wd_100{
    width:100%;
}
.hr_job{
    left:323px;position:relative;top:7px
}
.pan1{
    width:123px; margin-right:20px !important; float:left;position:relative;
}
.pan2{
    width:128px;  margin-right:20px !important;float:left;position:relative;
}
.pan3{
    width:118px; float:left;position:relative;
}
.wd_37{
    width:37px;
}
.wd_350{
    width:350px !important;
}
.wd_250{
    width:250px;
}
.wd_80{
    width:80px;
}
.wd_160{
    width:160px;
}
.wd_30{
    width:30px;
}
.wd_220{
    width:220px; padding:0px 4px 0px 4px;
}
.wd_60{
    width:60px;
}
.wd_150{
    width:150px; padding:0px 4px 0px 4px;
}
.wd_20{
    width:20px;
}
.wd_487{
    width:487px;
}
.head{
    position:relative;right:42px
}
.wd_157{
    width: 159px !important;
}
.wd_161{
    width: 157px !important;
}
.wd_155{
    width: 155px !important;
}
.bt_9{
    position:relative;bottom:9px
}
.frm_jb{
    width:51%;position:relative;right:40px
}
.wd_110p{
    width:110%
}
.sec{ 
    background: none repeat scroll 0 0 #99FF99;
    border: 1px solid #CADCEA;
    color: #225B86;
    font-size: 12px;
}
.no_emp{
    color: #008000;
    font-size: 14px;
    left: 457px;
    position: relative;
    top: 64px;
}
.pad_t_21{
    padding-top: 21px
}
.hide_usr{
    display:none
}
.fr_10{
    float: left; padding-right: 10px;
}
.sel_con{
    bottom: 5px;
    margin-bottom: 2px;
    position: relative;
    width: 220px;
}
.txt_ht{
    bottom: 5px;
    height: 18px;
    position: relative;
}
.lt_228{
    position:relative;
    left:108px;
}
.button_medium {
    background-color: #E5E5E5;
    background-image: none;
    border: 0 none;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #333333;
    cursor: pointer;
    filter: none;
    font-family: "Segoe UI",Helvetica,Arial,sans-serif;
    font-size: 11px;
    outline: medium none;
    padding: 3px 106px;
    text-decoration: none !important;
    text-shadow: none;
}
.mail {
    left: 82px;
    position: relative;
    top: 22px;
}
.email_noti{
    color: #008000;
    position:relative;
    font-size: 12px;
    bottom:3px
}
.col-wd-40{
    width: 40%;
}
.br_top{
    border-top:1px solid #DDDDDD
}
.tp_6{
    position:relative;
    top:6px
}
.tp_3{
    position:relative;
    top:3px
}
.error-control{
    border: 1px solid red !important;
}

.pad_5{
    padding:5px;
}
.todo_active{
    background-color: #EEEEEE;
}
.br_bt{
    border-bottom:1px solid #DDD;
}
.fr_imp{
    float:right !important;
}
#sel_txt{
    bottom: 16px;
    font-size: 16px;
    font-weight: bold;
    position: relative;
}
.sections_todo{
    font-size: 12px;
    padding: 4px;
}
.todo_rt{
    padding-bottom:13px;
    position:relative;
    bottom:8px
}
.wid_397{
    width:397px !important
}
.pad_btm_1{
    padding-bottom:1px;

}
.pad_0{
    padding-top: 0px !important;
}
.tp_10{
    position:relative;top:10px
}
.txt_wd{
    width:400px;height:80px
}

.disc_filter{
    margin-left: 47px;
    padding-right: 56px;
    padding-top: 16px;
}

.fr_10_pad{
    float:right;
    padding-right: 10px
}

.fr_8_pad{
    float:right;
    padding-right: 8px
}

.col-wd-76 {
    width: 76%;
}
.col.pad_10 {
    padding: 5px 0;
}
.disc_ref{
    position: relative;
    right: 6px;
    top: 5px;
    cursor:pointer;
}
.fr_imp{
    float:right !important
}

.rpt_note{
    font-size:11px;padding: 10px 11px 13px 22px
}
.rpt_src{
    padding-left: 523px;
    padding-top: 14px;
}
.cls_opt{
    position:relative;top:7px
}
.pad_todo{
    border-bottom: 2px solid #d3d3d3;
    padding: 5px;
    width: 97%;
    font-size: 11px;
}

.lt_bt_33{
    bottom: 33px;
    padding-top: 6px;
    position: relative;
}

.lt_bt_17{
    bottom: 17px;
    position: relative;
}


.tp_9{
    position:relative;top:9px
}

.filelist {
    /*// width: 431% !important;*/
    padding-top: 10px
}

.br_rd_7{
    border-radius: 7px;
    border-top: 1px solid #ccc;
    font-size: 11px;
    height: 529px;
    overflow: auto;
}

.gallery {
    padding-top: 38px;
}

.gallery-image {

    padding: 10px;
    border: 1px solid #ccc;
    height: auto;
    width: 212px;
    float: left;
    text-align: center;
    margin-right: 13px;
    margin-bottom: 10px;
}	

.gallery-title{
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin: 6px;
    position: relative;
    text-align: left;
    top: 3px;
    width: 81%;
}
.gallery-image img {
    display: inline;
    height:auto;
    width:100%;
    border: 1px solid #ffffff;

}

.valbutton {
    display: table;
    margin: 0 auto;
    float: none;
}

.valbutton button.button_small {
    float: left;
}

.gallery-image .fancybox-thumbs { position: relative; overflow: hidden; }


/* Hover Effect */
.gallery-image .fancybox-thumbs:hover:after {
    background-image: url("images/views.png");

    content: "";
    height: 41px;
    left: 50%;
    margin: -72px 0 0 -15px;
    position: absolute;
    top: 50%;
    width: 41px;
}




.gallery-image .fancybox-thumbs img:hover {
    opacity:0.27
}

.close-gallery{
    float: right;
    position: relative;
    top: 24px;

}
.close-gallery img{
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    transition: all 0.8s ease;
}
.close-gallery img:hover{
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

.img-gal{
    height: 134px !important
}

.container_gallery {
    padding-left:24px;
    border-radius: 5px;
    height:500px;
    margin: 20px auto;
    position: relative;
    border-radius:5px;

}

.fw_11{
    font-weight:lighter;
    font-size:11px
}
.hidden {
    display: none;
}

.pad_t_2{
    padding-top: 2px
}

.h_18{
    height:18px;
}
.h_100{
    height:100px;
}
.disc_nam {
    bottom: 5px;
    position: relative;
}
.wid_100p{
    width:100%;
}
.wid_100{
    width:100px;
}
.wid_115{
    width:115px;
}
.wid_25{
    width:25% !important
}
.wid_30{
    width:30% !important
}
.wid_40{
    width:40% !important
}
.wid_50{
    width:50% !important
}
.wid_60{
    width:60% !important
}
.wid_70P{
    width:70% !important
}
.wid_75{
    width:75% !important
}
.wid_20{
    width:20% !important
}
.wid_90{
    width:90% !important
}
.wid_200{
    width:200px
}
.disc_help{
    position:relative;
    top:3px;
}
.pr_help li {
    padding-bottom: 5px;
}
.lt_10{
    position:relative;left:10px
}
.lt_tp_10{
    position:relative;top:23px;left:10px
}
.td_shw{
    border: 1px solid #ddd;
    float: left;
    height: 80px;
    left: 3px;
    position: relative;
    width: 98%;
}
.wid_2{
    width:2%; padding: 3px;
}
.wid_70{
    width:70%; padding : 3px;
}
.pad_3{
    padding: 3px;
}
.inv_todo{
    width:55%;
    float:left;
    padding-top:12px;
    padding-left:26px
}
.mes_todo{
    float: left;
    height: 40px;
    overflow: auto;
    padding-top: 10px;
    position: relative;
    top: 7px;
    width: 175%;
}
.todo_pri{
    width:15%;
    float:left;
    padding-top:12px;
    text-align: center
}
.due_pri{
    width:20%;
    float:right;
    padding-top:12px
}
.emp_remark{
    width:480px;
    height: 100px;
}
.pad_todo_bor{
    border-bottom-width: 1px;
}
.track-body{
    max-height: 120px;
    overflow-y: auto;
}
.tech_save{
    font-size: 0.9em;
    margin-right: 3px;
    margin-top: 3px;
}
.paging-fl{
    float: left;
    font-size: 11px;
}
.cur-pnt{
    cursor:pointer;    
}
.fn-sz-12{
    font-size: 12px;
}
.comments-header{
    font-size: 13px !important; 
    font-weight: bold;
    border-bottom: 1px solid #ccc; color: #003399;
}
.ovr_fl{
    height: 130px;
    overflow-y: auto;
}
.discussion-wall{
    font-size: 12px;
    padding: 0px 5px 5px 0px; 
    line-height: 1.5em;
    color: #666666;
}
.brd-bot{
    border-bottom: 1px solid #eeefff;
}
.col.pr_25.bold.cmt > a{
    font-size:14px;
    width: 450px;
}
.col.pr_25.bold.cmt{
    width:50%;
}
a.link-blue{
    color: #0066ff !important;
}
thead.online, tbody.online { display: block; }
tbody.online {
    height: 400px;       /* Just for the demo          */
    overflow-y: auto;    /* Trigger vertical scroll    */
    overflow-x: hidden;  /* Hide the horizontal scroll */
}
.wid_ht_140{
    width:100%; height:140px;
}
.pri_disc{
    width:20%;position:relative;top:8px
}
.wid_ht_220{
    width:100%; height:220px;
}
.wid_225{
    width:225px
}
.wid_212{
    width:212px
}
.pd_tp_20{
    padding-top: 20px
}
.ps_bt_6{
    position:relative;bottom:6px
}
.pr_flag{
    position:relative;
    bottom:3px
}
.pjt_bck{
    position:relative;
    bottom:20px;
    font-size:12px;
    font-weight: bold
}
.ps_bt_4{
    position:relative;
    bottom:4px
}
.col.cell_com {
    float: left;
    width: 32%;
}
.scroll-inv {
    height: 486px;
    overflow:auto; 
    clear:both;
    padding-bottom:15px !important
}
.proj_error_ong {
    color: #990000;
    padding-bottom: 22px;
    position: relative;
    top: 22px;
}

.button-red {
    color: #fff !important;
    background: red !important;
    text-decoration: none !important;
}
/*19 feb */
.wid_250{
    width:250px
}
.wid_300{
    width:300px
}
.wid_450{
    width:450px
}
.wid_435{
    width:435px
}
.pad_b_20{ padding-bottom: 20px;}
.full_br_sd{
    border-top: 1px solid #ccc;
    padding-top: 5px;
}
.full_bb_dt{
    border-bottom: 1px dotted #ccc;
    padding-bottom: 5px;    
}
.full_bt_dt{
    border-top: 1px dotted #ccc;
    padding-bottom: 5px;
    margin-top: 15px;
    padding-top: 5px;
}
.review-hide > td{
    border-bottom: 1px dotted #ccc;
}
.addnewtask{
    float: left;
    line-height: 16px;
}
.addnewtask > img {
    float: left;
    padding-right: 5px;
}
.border_zero{	border:0 none !important; }
.cur-point:hover{
    cursor: pointer;
}

.project-report .rfq-top{ font-size: 11px; font-weight: normal;}
.project-report .rfq-top .row{ clear: both; padding: 10px 0px;}
.project-report .rfq-top .row .title{ font-weight: bold; float: left;}
.project-report .rfq-top .row .text{ width: 10%; float: left; color: #0066ff;}

.stage-access table
{

    border-collapse: collapse;
    display: block;
    min-width: 2312px;
    overflow-x: hidden;
    overflow-y: auto;
}

.stage-access thead
{
    display: block;
    width: auto;
    color: #fff;
}

.dontd{
    margin: 0 auto;
    align-self: center;
    left: 250px;
    position: relative;
}

.dontde{
    margin: 0 auto;
    display:table;
    align-self: center;
}

.stage-access tbody
{
    display: block;
    width: auto;
    height: auto;
    /*overflow: auto;*/
}

.stage-access td
{
    border-left: 1px solid #ffffff;

    min-width: 70px;
    padding: 0.5em;
}

.stage-access  th {   min-width:73px; padding: 0.5em; color:#000; border-left: 1px solid #ffffff;}


.stage-table2 {  max-height: 350px;
                 min-width: 2312px;
                 overflow-x: hidden;
                 overflow-y: auto;}

.stage_mapping_filter td:first-child {
    width: 144px;
}
.pad_t_18 {
    padding-top: 18px;
}
.head_filter td:last-child {
    width: 63px;
}

.stage_mapping_filter td {
    border: 1px solid #cccccc;
    padding: 4px;
    width: 25px;
}
.paginate.stage_mapping_filter td:last-child {
    width: 61px;
}

.pad_r_150 {
    padding-right: 150px;
}

.wid_180 {
    width: 180px;
}

.bg_grey{
    background:#dddddd;
}

.jp-audio .jp-volume-controls, .jp-audio-stream .jp-volume-controls {
    height: 21px !important;
}


#search_div_candidate .left_search {    
    float: left;    
    width: 780px
}


#joined-candidate-list .row .rate {
    float: left;
    width: 5%;
    padding-right: 4px;
}

.stars {
    background: url("../images/stars.png") repeat-x 0 0;
    width: 150px;
    /*//margin: 0 auto;*/
}

.stars input[type="radio"] {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
}
.stars input[type="radio"].star-5:checked ~ span {
    width: 100%;
}
.stars input[type="radio"].star-4:checked ~ span {
    width: 80%;
}
.stars input[type="radio"].star-3:checked ~ span {
    width: 60%;
}
.stars input[type="radio"].star-2:checked ~ span {
    width: 40%;
}
.stars input[type="radio"].star-1:checked ~ span {
    width: 20%;
}
.stars label {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0!important;
    padding: 0!important;
    text-indent: -999em;
    float: left;
    position: relative;
    z-index: 10;
    background: transparent!important;
    cursor: pointer;
}
.stars label:hover ~ span {
    background-position: 0 -30px;
}
.stars label.star-5:hover ~ span {
    width: 100% !important;
}
.stars label.star-4:hover ~ span {
    width: 80% !important;
}
.stars label.star-3:hover ~ span {
    width: 60% !important;
}
.stars label.star-2:hover ~ span {
    width: 40% !important;
}
.stars label.star-1:hover ~ span {
    width: 20% !important;
}
.stars span {
    display: block;
    width: 0;
    position: relative;
    top: 0;
    left: 0;
    height: 30px;
    background: url("../images/stars.png") repeat-x 0 -60px;
    -webkit-transition: -webkit-width 0.5s;
    -moz-transition: -moz-width 0.5s;
    -ms-transition: -ms-width 0.5s;
    -o-transition: -o-width 0.5s;
    transition: width 0.5s;
}

#ticket-list .row .name {
    float: left;
    width: 16%;
    padding-right: 5px;
}

#ticket-list .row .cpy {
    float: left;
    width: 25%;
    padding-right: 5px;
}

#ticket-list .row .small {
    float: left;
    width: 8%;
    padding-right: 5px;
}

#ticket-list .row .tiny {
    float: left;
    width: 3%;
    padding-right: 5px;
}

#ticket-list .row .unique {
    float: left;
    width: 5%;
    padding-right: 5px;
}

#ticket-list .row .tck {
    float: left;
    width: 12%;
    padding-right: 5px;
}

#ticket-list .row .service {
    float: left;
    width: 10%;
    padding-right: 5px;
}

.tk-hme{
    padding: 4px;
    margin-top: 2px;
    width: 272px;
}

.tr {
    position: relative;
    left: -362px;
}

.og{
    position: relative;
    left: -242px;
}

.cb{
    position: relative;
    left: -96px;
}

.od{
    position: relative;
    left: 25px;
}

.cbe{
    position: relative;
    left: 155px;
}

.ode{
    position: relative;
    left: 286px;
}


.form-style-9{
    max-width: 80%;
    padding: 30px;
    margin: 50px auto;
    border-radius: 10px;
    border: 1px solid #368EE0;
}
.form-style-9 ul{
    padding:0;
    margin:0;
    list-style:none;
}
.form-style-9 ul li{
    display: block;
    margin-bottom: 10px;
    min-height: 35px;
}
.form-style-9 ul li  .field-style{
    box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    padding: 8px;
    outline: none;
    border: 1px solid #B0CFE0;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;

}.form-style-9 ul li  .field-style:focus{
    box-shadow: 0 0 5px #B0CFE0;
    border:1px solid #B0CFE0;
}
.form-style-9 ul li .field-split{
    width: 49%;
}
.form-style-9 ul li .field-split-24{
    width: 24%;
}
.form-style-9 ul li .field-split-20{
    width: 19.1%;
}
.form-style-9 ul li .field-split-23{
    width: 23%;
}
.form-style-9 ul li .field-full{
    width: 100%;
}
.form-style-9 ul li input.align-left{
    float:left;
}
.form-style-9 ul li input.align-right{
    float:right;
}
.form-style-9 ul li textarea{
    width: 97%;
    height: 100px;
}



.form-style-9 ul li input[type="button"]:hover, 
.form-style-9 ul li input[type="submit"]:hover {
    background: linear-gradient(to bottom, #2D77A2 5%, #337DA8 100%);
    background-color: #28739E;
}

#lab_chk{
    position: relative;
    top:2px;
    padding: 5px
}

.wrapper-emp{
    margin-top: 15px;
    width: 50%;
    float: left;
    height: 500px;
    overflow: scroll;
    font-size: 12px;
    padding: 8px;
    border: 1px solid #dddddd;
    background: #EFEFEF;
}

.drive_sub{
    margin: 0 auto;
    float: none;
    display: table !important;
}

#chrs {
    position: relative;
    left: 534px;
    top: 10px;
}

#camt {
    position: relative;
    left: 604px;
    top: 10px;
}

#achrs {
    position: relative;
    left: 586px;
    top: 10px;
}

#acamt {
    position: relative;
    left: 620px;
    top: 10px;
}

#rchrs {
    position: relative;
    left: 586px;
    top: 10px;
}

#rcamt {
    position: relative;
    left: 632px;
    top: 10px;
}

/*#report-customer-feeds .row .mname{ float:left; width:17%; padding-right:5px; padding-left:3px;}
#report-customer-feeds .row .mclient{ float:left; width:17%; padding-right:5px; padding-left:3px;}
#report-customer-feeds .row .mhire{ float:left; width:11%; padding-right:5px;}
#report-customer-feeds .row .mhours{ float:left; width:8%; padding-right:5px;}
#report-customer-feeds .row .mdate{ float:left; width:9%; padding-right:5px;}
#report-customer-feeds .row .date{ float:left; width:9%; padding-right:5px;}*/

#report-customer-feeds .row .mname{ float:left; width:13%; padding-right:5px; padding-left:3px;}
#report-customer-feeds .row .mclient{ float:left; width:25%; padding-right:5px; padding-left:3px;}
#report-customer-feeds .row .mhire{ float:left; width:10%; padding-right:5px;}
#report-customer-feeds .row .mhours{ float:left; width:8%; padding-right:5px;}
#report-customer-feeds .row .conhour{ float:left; width:13%; padding-right:5px;}
#report-customer-feeds .row .mdiffer{ float:left; width:8%; padding-right:5px;}
#report-customer-feeds .row .mdate{ float:left; width:9%; padding-right:5px;}
#report-customer-feeds .row .date{ float:left; width:9%; padding-right:5px;}

.pad_5l,.pad_5c,.pad_5r,.pad_5{
    padding:7px !important;
    width:200px !important;
}

#drive-list .row .tiny { float: left;width: 2%;padding-right: 5px; }
#drive-list .row .tinyc { float: left;width: 2%;padding-right: 5px; }
#drive-list .row .title { float: left;width: 17%;padding-right: 5px; }
#drive-list .row .cmp { float: left;width: 18%;padding-right: 5px; }
#drive-list .row .cpy { float: left;width: 15%;padding-right: 5px; }
#drive-list .row .crm { float: left;width: 15%;padding-right: 5px; }
#drive-list .row .prp { float: left;width: 10%;padding-right: 5px; }
#drive-list .row .date { float: left;width:7%;padding-right: 5px; }
#drive-list .row .actions { float: left;width: 10%;padding-right: 5px; }


.pong_inv{
    position:relative;left:-240px
}
.pon_inv{
    position:relative;right:237px
}
.prai_inv{
    position:relative;left:-149px;font-size:12px
}
.pra_inv{
    position:relative;left:-143px;font-size:12px
}
.pra_inv a{
    font-size:15px !important;
}
.ppa_inv{
    position:relative;left:250px
}
.pp_inv{
    position:relative;left:-55px;
}
.pp_invj{
    position:relative;left:25px;
}
.pp_invjm{
    position:relative;left:104px;
}
.pp_invjmj{
    position:relative;left:144px;
}


.fpong_inv{
    position:relative;left:-424px
}
.fpon_inv{
    position:relative;right:420px
}
.fprai_inv{
    position:relative;left:-293px;font-size:12px
}
.fpra_inv{
    position:relative;left:-291px;font-size:12px
}       
.fpp_inv{
    position:relative;left:-188px;
}

.fc-event-time{
    display:none
}

#calendarInvoice .fc-event-inner{
    background-color: #fff !important;
    border-color:#fff !important;    
}

#calendarInvoice .fc-event-skin{
    color : blue;
}

#calendarInvoice .fc-event{
    border-color:#fff !important
}

#calendarInvoice .fc-event-title{
    font-size: 14px;
    position:relative;
    left:54px;
    font-weight:bold;
    cursor:pointer;
    color:blue
}

.fc-header-right{
    display:none
}

#calendarInvoice .fc-header-title{
    position: relative;
    right:100px
}

.fc-event-hori {

    border-width: 0px 0 !important;
    margin-bottom: 0px !important;

}

.weekright{
    width: 19%;
    border: 1px solid black;
    margin-top: 54px;
    padding: 0px;
    margin-left: 10px;
}
ul.in_cal {
    float: left;
    width: 100%;
    position: relative;
    border: 1px solid #ccc;
    list-style: none;
    padding: 0;
    margin: 45px 0 0 10px;
}
ul.in_cal li {
    float: left;
    width: 90%;
    border-bottom: 1px solid #ccc;
    text-align: left;
    padding: 22.2px 13px;
    font-size: 14px;
}


#report-customer-feeds .row .ratec{ float:left; width:7%; padding-right:5px; padding-left:3px;}
#report-customer-feeds .row .namec{ float:left; width:17%; padding-right:5px;}
#report-customer-feeds .row .vc{ float:left; width:13%; padding-right:5px;}
#report-customer-feeds .row .datec{ float:left; width:7%; padding-right:5px;}
#report-customer-feeds .row .modec{ float:left; width:10%; padding-right:5px;}
#report-customer-feeds .row .actions{ float:left; width:3%; padding-right:5px;}

.spt{
    margin: 0 auto;
    float:none;
    display:table
}

/* Management Portfolio*/

#rig {
    max-width:900px;
    margin:0 auto; /*center aligned*/
    padding:0;
    font-size:0; /* Remember to change it back to normal font size if have captions */
    list-style:none;
    background-color:#fff;
}
#rig li {
    display: inline-block;
    *display:inline;/*for IE6 - IE7*/
    width:25%;
    vertical-align:middle;
    box-sizing:border-box;
    margin:0;
    padding:0;
}

/* The wrapper for each item */
.rig-cell {
    /*margin:12px;
    box-shadow:0 0 6px rgba(0,0,0,0.3);*/
    display:block;
    position: relative;
    overflow:hidden;
}

/* If have the image layer */
.rig-img {
    display:block;
    width: 100%;
    height: auto;
    border:none;
    transform:scale(1);
    transition:all 1s;
}

#rig li:hover .rig-img {
    transform:scale(1.05);
}

/* If have the overlay layer */
.rig-overlay {
    position: absolute;
    display:block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: #3DC0F1 url(img/link.png) no-repeat center 20%;
    background-size:50px 50px;
    opacity:0;
    filter:alpha(opacity=0);/*For IE6 - IE8*/
    transition:all 0.6s;
}
#rig li:hover .rig-overlay {
    opacity:0.8;
}

/* If have captions */
.rig-text {
    display:block;
    padding:0 30px;
    box-sizing:border-box;
    position:absolute;
    left:0;
    width:100%;
    text-align:center;
    text-transform:capitalize;
    font-size:18px;
    font-weight:bold;
    font-family: 'Oswald', sans-serif;
    font-weight:normal!important;
    top:40%;
    color:white;
    opacity:0;
    filter:alpha(opacity=0);/*For older IE*/
    transform:translateY(-20px);
    transition:all .3s;
}
#rig li:hover .rig-text {
    transform:translateY(0px);
    opacity:0.9;
}

@media (max-width: 9000px) {
    #rig li {
        width:25%;
    }
}

@media (max-width: 700px) {
    #rig li {
        width:33.33%;
    }
}

@media (max-width: 550px) {
    #rig li {
        width:50%;
    }
}

.panel-mn {
    padding: 10px;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    font-size:14px
}


.team {
    float: none;
    list-style: outside none none;
    margin: 0 auto;
    padding: 0;
    width: 1170px;
}

.team li {
    float: left;
    margin: 0 0 30px;
    width: 25%;
}

.team li .team-img {
    padding: 15px 15px 15px;
    margin: 0 0 15px;
    max-height: 260px;
    overflow: hidden;
    padding: 30px;
    padding-bottom: 30px;
    padding-bottom: 0;
}

.team-info h4 {
    color: #368ee0;
    font-size: 20px;
    margin-top: 0;
    text-transform: capitalize;
}

.team-info p{
    color:#656464
}

.team-info {
    padding: 0 15px;
    text-align:center;
}

.mgmt-img {
    float: left;
    height: 470px;
    margin-right: 20px;
    overflow: hidden;
    width: 470px;

}

.mgmt-name {
    color: #368ee0;
    font-size: 25px;
    font-weight: 600;
    margin: 0 0 5px;
}

.mgmt-mail {
    color: #acacac;
    font-size: medium;
    margin: 0 0 11px;
}

.mgmt-desc {
    font-size: 15px;
    line-height: 30px;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.mgmt-top {
    background: rgba(255, 255, 255, 0.26) none repeat scroll 0 0;
    border: 0 none;
}


#mgmt-dialog.ui-dialog-content.ui-widget-content {
    left: 0;
    overflow: hidden;
    padding: 30px 60px 60px;
    position: fixed;
    top: 0;width: 93% !important;

    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
}

.mgmt-desc {
    font-size: 15px;
    line-height: 30px;
    max-height: 400px;
    overflow-x: hidden;
}
.mgmt-right {
    float: left;
    width: 52%;
}

.how {
    background: #ffe7aa none repeat scroll 0 0;
    padding: 40px 30px;
    margin: 0 -15px;
}

.how ul {
    list-style: outside none none;
    padding-left:0;

}
.how h4 {
    font-size: 35px;
    line-height: normal;
    margin-bottom: 15px;
    margin-top: 0;
}

.how li {

    line-height: 25px;
    padding: 0 0 15px;
    font-size: 15px;
}

.sp-panel #frm_search button.ui-multiselect {
    float: left;
    width: 600px !important;
    padding: 4px 5px;
    background: white;
    border-radius: 3px;
}

.sp-panel .row {
    clear: none;
}

.sp-panel .col.pad_r_5 {
    font-size: 14px;
}

.sp-panel .col.pad_r_5.pad_t_10 {
    padding-top: 0;
}

.ctxt{
    width: 507px;
    margin-left: 6px;
    height:100px
}


#driveListing .row .no { float: left;width: 3%;padding-right: 5px; }
#driveListing .row .dtitle { float: left;width: 10%;padding-right: 7px; }
#driveListing .row .cmpny { float: left;width: 15%;padding-right: 5px; }
#driveListing .row .contact { float: left;width: 15%;padding-right: 5px; }
#driveListing .row .crm { float: left;width: 10%;padding-right: 5px; }
#driveListing .row .jopen { float: left;width: 15%;padding-right: 10px; }
#driveListing .row .count { float: left;width: 10%;padding-right: 10px; }
#driveListing .row .date { float: left;width: 10%;padding-right: 5px; }
#driveListing .row .actions { float: left;width: 7%;padding-right: 5px; }

#report-drive .row{ clear:both; padding:5px 0px; font-size:11px; font-weight:normal; height:13px; text-wrap:none;}
#report-drive .bt{ border-top:1px solid #e8e8e8;}

#report-drive .header a{ text-decoration:none; color:#0066ff;}
#report-drive .header a:hover{ text-decoration:none;}
#report-drive .header .icon{ margin-top:8px; float:left}

#report-drive .row .index{ float:left; width:3%; padding-right:5px;}
#report-drive .row .candi{ float:left; width:10%; padding-right:5px;}
#report-drive .row .name{ float:left; width:18%; padding-right:5px;}
#report-drive .row .email{ float:left; width:15%; padding-right:5px;}
#report-drive .row .phone{ float:left; width:15%; padding-right:5px;}
#report-drive .row .crm{ float:left; width:13%; padding-right:5px;}
#report-drive .row .opening{ float:left; width:20%; padding-right:5px;}
#report-drive .row .recruiter{ float:left; width:15%; padding-right:5px;}
#report-drive .row .date{ float:left; width:14%; padding-right:5px;}
#report-drive .row .doj{ float:left; width:10%; padding-right:5px; line-height:14px !important;}
#report-drive .row .actions{ float:left; width:10%; padding-right:5px;}

.pos_t_26{
    position: relative;
    top: 26px;
}
.overall-invoices-report tr td{
    height: 25px;
    text-align: center;
    background: #669fd4;    
}
.overall-invoices-report tr td a{ 
    color: #fff;
}
.overall-invoices-report tr.odd td{
    background: #eeeeee;    
    padding: 5px;
}
.overall-invoices-report tr.odd td a{
    color: #0066ff;
}

#candidate-document .row{ clear:both; padding:5px 0px; font-size:11px; font-weight:normal; height:13px; text-wrap:none;}
#candidate-document .bt{ border-top:1px solid #e8e8e8;}

#candidate-document .header a{ text-decoration:none; color:#0066ff;}
#candidate-document .header a:hover{ text-decoration:none;}
#candidate-document .header .icon{ margin-top:8px; float:left}

#candidate-document .row .index{ float:left; width:6%; padding-right:6px;}
#candidate-document .row .name{ float:left; width:64%; padding-right:8px;}
#candidate-document .row .date{ float:left; width:25%; padding-right:5px;}

#candidate-Alert .row{ clear:both; padding:5px 0px; font-size:11px; font-weight:normal; height:13px; text-wrap:none;}
#candidate-Alert .bt{ border-top:1px solid #e8e8e8;}

#candidate-Alert .header a{ text-decoration:none; color:#0066ff;}
#candidate-Alert .header a:hover{ text-decoration:none;}
#candidate-Alert .header .icon{ margin-top:8px; float:left}

#candidate-Alert .row .index{ float:left; width:2%; padding-right:6px;}
#candidate-Alert .row .name{ float:left; width:8%; padding-right:5px;}
#candidate-Alert .row .invoice{ float:left; width:8%; padding-right:5px;}
#candidate-Alert .row .year{ float:left; width:8%; padding-right:10px;}
#candidate-Alert .row .chours{ float:left; width:6%; padding-right:5px;}
#candidate-Alert .row .dhours{ float:left; width:6%; padding-right:5px;}
#candidate-Alert .row .Ahours{ float:left; width:6%; padding-right:5px;}
#candidate-Alert .row .cstatus{ float:left; width:8%; padding-right:5px;}
#candidate-Alert .row .cpay{ float:left; width:6%; padding-right:5px;}
#candidate-Alert .row .constatus{ float:left; width:11%; padding-right:5px;}
#candidate-Alert .row .prate{ float:left; width:6%; padding-right:5px;}
#candidate-Alert .row .crate{ float:left; width:6%; padding-right:5px;}
#candidate-Alert .row .hpay{ float:left; width:10%; padding-right:5px;}

.widget section, #dummycall {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;

    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.calbody-leave{
    padding:6px !important
}


/*oppurtunity*/

.container-kanban {  float:left;
                     clear: right;margin:10px; border-radius: 0px; 
                     padding: 20px 15px;
                     float: left;
                     border-right: 1px solid #dddddd;
                     float: left;
                     min-height: 320px;
}

.box_otr {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
} 

.container-kanban h2 {
    margin: 0px 0 15px 0;
    font-size: 15px;
    text-align: center;
}
.sortable-kanban li.card-kanban.ui-sortable-handle {
    height: 60px;
    font-size: 18px;
    padding: 10px 10px;
    margin-bottom: 10px;
    box-shadow: 0 1px 5px 1px rgb(32 32 32 / 68%);
}

.connectedSortable {
    border: 1px solid #E8E8E8;
}

.sortable-kanban li.card-kanban {
    height: auto;
    font-size: 18px;
    padding: 10px 10px;
    margin-bottom: 10px;
    box-shadow: 0 1px 5px 1px rgb(32 32 32 / 18%);
}

/*.kanban-head{
    font-size: 13px;
    margin-left: 2px !important;
    max-width: 150px;
    overflow: hidden;
    text-overflow: "----" !important;
}*/

.kanban-head {
    font-size: 12px;
    margin-left: 2px !important;
    max-width: 150px;
    overflow: hidden;
    text-overflow: "----" !important;
}

.kanban-amount{
    font-size: 11px;
    margin-top: 10px;
    margin-left: 2px !important;
}

.sortable-kanban { list-style-type: none; margin:0; padding:2px; min-height:30px; border-radius: 5px;position: relative;bottom: 19px;}
.sortable-kanban li { margin: 3px 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px;}
.sortable-kanban li span { position: absolute; margin-left: -1.3em; }
.card-kanban{ background-color:white;border-radius:3px;}


.form-style-91 {
    max-width: 100%;
    /*padding: 20px;
    margin: 20px;
    border-radius: 10px;*/
    /*border: 1px solid #368EE0;*/
    float: left;
}
.form-style-91 ul {
    padding: 0 0 0 20px;
    margin: 0;
    list-style: none;
}
.form-style-91 ul li {
    display: block;
    margin-bottom: 10px;
    min-height: 50px;
    float: left;
    width: 23%;
    margin-right: 20px;
}
.form-style-91 ul li  .field-style{
    box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    padding: 8px;
    outline: none;
    border: 1px solid #B0CFE0;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;

}.form-style-91 ul li  .field-style:focus{
    box-shadow: 0 0 5px #B0CFE0;
    border:1px solid #B0CFE0;
}
.form-style-91 ul li .field-split{
    width: 49%;
}
.form-style-91 ul li .field-split-24 {
    width: 100%;
}
.form-style-91 ul li .field-split-20{
    width: 19.1%;
}
.form-style-91 ul li .field-split-23{
    width: 23%;
}
.form-style-91 ul li .field-full{
    width: 100%;
}
.form-style-91 ul li input.align-left{
    float:left;
}
.form-style-91 ul li input.align-right{
    float:right;
}
.form-style-91 ul li textarea{
    width: 97%;
    height: 100px;
}



.form-style-91 ul li input[type="button"]:hover, 
.form-style-91 ul li input[type="submit"]:hover {
    background: linear-gradient(to bottom, #2D77A2 5%, #337DA8 100%);
    background-color: #28739E;
}

.form-style-91 ul li:last-child {
    width: 100%;
}

.form-style-91 ul li.otext {
    width: 100%;
}

#opp-list{
    font-size: 12px
}

#opp-list .row .name {
    float: left;
    width: 14%;
    padding-right: 5px;
}

#opp-list .row .track {
    float: left;
    width: 13%;
    padding-right: 5px;
}

#opp-list .row {
    font-size:11px
}

#opp-list .row .value {
    float: left;
    width: 10%;
    padding-right: 5px;
}

#opp-list .row .values {
    float: left;
    width: 7%;
    padding-right: 5px;
}

#opp-list .row .col {
    padding-bottom: 7px;
}

#opp-list .row .date {
    float: left;
    width: 11%;
    padding-right: 5px;
}
.form-style-91 ul li .field-split-23 {
    width: 48%;
}
.new_cr{
    font-size: 10px;
    position: relative;
    left: 773px;
    top: 61px;
    color: blue !important;
    text-decoration: underline
}
.pcd{
    float:left
}
.pcl{
    text-align: right   
}

.block:after {
    color: #368EE0;
    border-left: 13px solid;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    display: inline-block;
    content: '';
    position: absolute;
    right: -13px;
}
.block {
    background-color: #368EE0;
    width: 201px;
    height: 26px;
    display: inline-block;
    position: relative;
    color:white;
    text-align: center
}

.block-final {
    background-color: #368EE0;
    width: 201px;
    height: 26px;
    display: inline-block;
    position: relative;
    color:white;
    text-align: center
}

.text-opp{
    position: relative;
    top: 6px;
}

ul#oppbadge {padding-left:0px;margin-top: 10px}
ul#oppbadge li {  text-shadow: none;
                  text-align: center;
                  color: #666;
                  text-decoration: none;
                  display: table;
                  width: 133px;
                  height: 20px;
                  font-size: 13px;
                  margin: 0 auto;
                  margin-bottom: 0px;
                  float: none;
                  margin-bottom: 26px;   }
ul#oppbadge li div{ font-size:13px; font-weight:bold; padding-top:5px; padding-bottom:10px;}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.width_140{
    width:140px
}

.couter-wrapper { width: 980px; margin: 30px auto; position: relative;}
.counter { padding: 20px 0; border-radius: 5px;}
.count-title { font-size: 45px; font-weight: normal;  margin-top: 10px; margin-bottom: 0; text-align: center; }
.count-text { font-size: 18px; font-weight: normal;  margin-top: 10px; margin-bottom: 0; text-align: center; }
.fa-2x { margin: 0 auto; float: none; display: table; color: #4ad1e5; }
.col_fourth{ float:left;width:25%; }
.counter-wrap{ -moz-box-pack: center;display: flex;flex-wrap: wrap;justify-content: center;margin: 0 auto;}


/*ExcelImport*/
/*.connectedSortable {
    border: 1px solid #eee;
    width: 380px;
    min-height: 30px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    float: left;
    margin-right: 10px;

}

.sortable4 {
    border: 1px solid #eee;
    width: 380px;
    min-height: 20px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
    margin-right: 10px;
}

.sortable5 {
    border: 1px solid #eee;
    width: 275px;
    min-height: 20px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    float: left;
    margin-right: 10px;
}

.sortable4 li {
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 16px;
    width: 400px;
}

.sortable5 li {
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 12px;
    width: 120px;
    min-height: 21.4px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dddddd;
    width: 262px;
}

#sortable1 {
    background: #fff;
    width: 250px;
}

#sortable2 {
    background: #999;
}

.connectedSortable li {
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 12px;
    width: 400px;
    /*min-height: 2px;*/
/*display: flex;
align-items: center;
}
.wizard > .steps > ul > li{
    width:20% !important;
}*/
/*Excel Ends */

/*GM report*/

#gm-report{
    width:auto;
    margin-top: 20px;
}
#gm-report tr th{
    text-align: left;
    padding : 0px;
    font-size: 15px;
}

#gm-report th.right{
    text-align: right;
}

#gm-report tr td{
    font-size: 14px;
}
#gm-report tr td a{
    font-size: 14px;
}

#gm-report tr td:last-child {
    text-align: right;
}

.vendor-consul h2 {
    color: #000;
}
.ui-tabs-panel h2 {
    color: #000;
}
ul.invoices-report-list {
    font-size: 16px;
}
/* Table of referral candidate list*/
table.referral_candidate_list th{
    text-align: left;
    padding-left: 2px;
}
table.referral_candidate_list tr td{
    padding: 2px;
}
table.referral_candidate_list tr:nth-child(0){
    background-color: #c3c2c1;
}
table.referral_candidate_list tr:nth-child(odd){
    background-color: #f5f4f3;
}
table.referral_candidate_list tr.no-bg{
    background-color: transparent;
}

table.candidate_table{
    //width: 100%;
    font-size: 12px;
    border-collapse:collapse;
}
table.candidate_table tr.header{    
    background-color: #EFEFEF;
    padding: 5px 0px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
table.candidate_table td, th { 
    padding: 2px; 
    text-align: center; 
    font-size: 10px;
}

table.candidate_table td{    
    padding: 5px 0px;
    font-weight: normal;

}
table.candidate_table td.ar {  
    text-align: right;
}

table.candidate_table tr:nth-child(0){
    background-color: #c3c2c1;
}
table.candidate_table tr:nth-child(odd){
    /*background-color: #f5f4f3;*/
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
/*table.candidate_table tr:last-child {
    background-color: #EFEFEF;
    border-top: 1px solid #ccc;  
    border-bottom: 1px solid #ccc;  
    margin-bottom: 10px;
    
}
table.candidate_table tr:last-child td{
    font-weight: bold;
    padding-bottom: 10px;
    text-align: right;
    padding-right: 5px;
}*/
table.candidate_table tr td.bold{
    font-weight: bold;
}
table.candidate_table th td{
    text-align: left;
}
table.candidate_table tr td.ar{
    padding-right: 5px;
}
table.candidate_table tr td.left{
    text-align: left;
}
table.candidate_table tr td.right{
    text-align: right;
    padding-right: 5px;
}

table.candidate_table tr td.gmargin{
    background-color : #fffce3;
}
table.candidate_table tr td.hours{
    background-color : #f5f4f3;
}
table.candidate_table tr td.margin{
    background-color : #f2f5ff;
}
table.table_border{
    border: 1px solid #c2c2c2;
}
.pad_10 {
    padding: 10px;
}

/* Invoice Report Page */
.input-icon {
    position: relative;
}
  
.input-icon > i {
    position: absolute;
    display: block;
    transform: translate(0, -50%);
    top: 50%;
    pointer-events: none;
    width: 100%;
    text-align: center;
    font-style: normal;
}

.input-icon > input {
    padding-left: 20px !important;
    padding-right: 0 !important;
}

/* AR & AP Report */
.critical_cosul_sec{
    float: right;
    padding: 10px 10px;
    border: 1px solid #ff0000;
    margin: 10px 0px 0px 0px;
    color: #fff;
    font-weight: 800;
    font-size: 15px;
}

.critical_cosul_sec a{
    color: #ff0000 !important; 
    font-weight: 800; 
    font-size: 15px;
}

.critical_cosul_sec a:hover{
    text-decoration: none;
}

tr.today-invoices-list:hover{
    background: #f5f5f5;
}

tr.today-invoices-list:hover td {
    background: #f5f5f5;
}


/* Portal Integration Design */
.employee-listing-grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.employee-listing-grid .right {
    display: flex;
    align-items: center;
}

.connection table thead th {
    width: auto !important;
    background: #ebebeb !important;
    text-shadow: none !important;
    font-size: 13px;
    padding: 8px 5px !important;
    text-align: left !important;
    font-weight: 400 !important;
}

.create_connection .name{
    width: 30%;
}

.create_connection .name input{
    width: 90%;
}
.skilltext {
    background-color: #FFFF88;
    font-weight: bold;
}
.highlighKeys {
    background: #dfdddd;
    color: black;
    font-size: 12px;
    font-family: sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    border-radius: 8px;
    padding: 5px;
    padding-left: 9px;
    padding-right: 9px;
}
.highlightText{
    margin-top:15px;
    margin-bottom: 15px;
}
.mar-down{
    margin-top: 18px;
}
div.highlightResult span {
    font-size: 13px;
    font-weight: bold;
    margin-right: 10px;
}
.highlightResult {
    margin-top: 15px;
}
.highlightSkillsText span {
    font-size: 13px;
    font-weight: bold;
    margin-right: 10px;
}

/*Bulk email */
.maillbl{
    /* width: 6%; */
    padding: 10px 0px;
    font-size: 14px !important;
}
.mailtxt{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mailtxt input,  .mailtxt select{
    width: 100%;
    padding: 10px 6px !important;
}
.groupList ul{

}
.groupList li{
    list-style: none;
    margin: 10px 8px 8px 0px;
    float: left;
}
.groupList li input{
    vertical-align: middle;
}
.recipient_selectall{
    text-align: center;
    margin: 0px 0px 10px 0px;
}

.recipient_selectall label{ 
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
    margin: 0px 0px 0px 5px;
}
.recipient_selectall input{ 
    vertical-align: middle;
}
.add_recipients{
    padding: 10px 0px 10px 0px;
}
.add_recipients div{
    float: left;
    padding: 0px 10px;
}
.remove_email{
    background: #fff;
    color: #005591;
    border: 1px solid #b6cee6;
    border-radius: 3px;
    float: left;
    margin: 2px;
    padding: 8px 8px;
    font-size: 12px;
}
.remove_email .close_icon{
   padding: 0px 5px;
   cursor: pointer;
}
input#add_egroup {
    float: right;
    margin: 10px;
}
.recipient-group{
    float: left;
    width: 100%;
}
.employee-group-listing-group {
    width: auto;
    float: left;
    padding: 5px;
    display: flex;
    align-items: center;
    border: 1px solid #0003;
    margin-bottom: 10px;
    margin-left: 10px;
    border-radius: 5px;
    column-gap: 5px;
}
.employee-group-title {
    padding: 5px 0px;
    font-size: 14px;
}
.employee-group-listing {
    margin: 5px 0px 0px 0px;
}
.guserlist{
    float: left;
    width: 33%;
}
/*End of bulk email */
 /* Tech fetch resume search css */
.col-10{
    width: 9% !important;
    margin-top: 13px;
    display: flex;
}
.tf-mode{
    margin-right: 7px;
}
.col-2{
    /* width: 9% !important; */
    margin-top: 13px;
    display: flex;

}

/* Job Posting css added DT -- 08/06/2023 */
.wAcss{
    padding: 10px 5px !important;
      text-align: left !important;
      font-size: 13px;
  }
  .emppadd{
    padding-bottom: 1px;
    padding-left: 13px;
    height: 45px;
    padding-top:22px;
  }
  #ddljobexpiry{
    width:225px;
  }
  .fldhalf{
      width: 470px;
      float: left;
      padding-right: 10px;
      margin: 0px 9px 0px 0px;
  }
  .fldsechalf{
      width: 410px;
      
  }
  .spncss{
      font-family: Calibri; 
      font-size: 15px; 
      color: #ad0404; 
      font-weight: bold;
  }
  
  .fldcss{
      padding: 5px 0px 0px 8px;
      width: 840px;
  }
  .inputcss{
      margin-bottom: 10px;
      margin-left: 10px;
      width: 64%;
      font-size: 13px !important;
      font-family: 'Roboto', sans-serif !important;
      padding: 6px 8px;
      margin-top: 3px;
      box-shadow: none;
      box-sizing: border-box;
      border-radius: 3px;
      border: 1px solid #ddd;
  }
   .fldsetpref {
      font-family: Calibri;
      font-size: 13px;
      font-weight: bold;
      color: #2e2d2d;
      border: solid 1px #bbbabb;
      border-radius: 6px;
      margin-bottom: 18px;
      padding: 14px;
  }
  .explevel{
      vertical-align: top;
      padding: 0px 0px !important;
  }
  fieldset#fldsetEmploymentType {
      width: 508px;
      float: left;
      top: 0px;
      height: 89px;
  }
  fieldset#fldsetAdditionalInfo {
      width: 310px;
      float: right;
      top: 0px;
      height: 89px;
  }
  
  input.invalid {
    background-color: #ffdddd;
  }
  
  .tab {
    display: none;
    margin-top: 10px;
  }
  
  .nexsubmit {
      background-color: #1574b7;
      color: white;
      border-radius: 7px;
      border: navajowhite;
      padding: 7px 19px;
      font-size: 14px;
      font-weight: 700;
      font-family: inherit;
      cursor: pointer;
  }
  #nextBtn {
      background-color: #1574b7;
      color: white;
      border-radius: 7px;
      border: navajowhite;
      padding: 7px 19px;
      font-size: 14px;
      font-weight: 700;
      font-family: inherit;
      cursor: pointer;
  }
  #prevBtn {
      background-color: #1574b7;
      color: white;
      border-radius: 7px;
      border: navajowhite;
      padding: 7px 19px;
      font-size: 14px;
      font-weight: 700;
      font-family: inherit;
      cursor: pointer;
  }
  
  button:hover {
    opacity: 0.8;
  }
  
  #prevBtn {
    background-color:#167d9d;
  }
  
  /* Make circles that indicate the steps of the form: */
  .step {
      padding: 10px;
      margin: 0 2px;
      background-color: #bbbbbb;
      border: none;
      border-radius: 5%;
      display: inline-block;  
      font-weight: bold;
  }
  
  .step.active {
      color: white;
      background-color:#2482c5;
  }

  #duration{
    width: 100px;
  }
  .widthspc{
    width: 140px;
  }
  button#addvalidate_grp.add-emails {
    position: absolute;
    top: 58px;
    right: 90px;
}
.rec-group-title {
    padding: 0 0px 10px 15px;
    font-size: 13px;
    display: flex;
    align-content: center
}
.row.groupList.email ul li {
    list-style-type: none;
    display: flex;
    column-gap: 5px;
    align-content: center;
    align-items: center;
}

.row.groupList.email ul li:first-child {
    /* margin-top: -12% !important; */
}
  /* End Job Posting css added DT -- 08/06/2023 */


  .add-remove-employees {
    height: 380px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.add-remove-employees .slimScrollDiv {
    height: auto !important;
}

.add-remove-employees div#permission_scrolls {
    height: auto !important;
}

.emp-email {
    padding-top: 10px;
}
button#addval_grp.add-emails {
    position: absolute;
    top: 58px;
    right: 204px;
}
div#import-inner-div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 10px;
    overflow-y: auto;
    margin-right: 0 !important;
    height: 248px;
    width: 100%;
}

.import-input {
    display: flex;
    column-gap: 5px;
    align-items: center;
    align-content: center;
    padding-bottom: 9px;
}
button.button_small.button-blue.import-save {
    position: relative;
    top: -40px;
}
input#emailUpload {
    margin-top: 15px;
}
.add-remove-recipient .slimScrollDiv {
    max-height: 250px !important;
    min-height: 200px !important;
    height: auto !important;
    overflow: auto !important;
    width: 100% !important;
    /* padding-bottom: 25px !important; */
}
.add-remove-recipient .slimScrollDiv .task-form {
    height:100% !important;
    display: grid;
    grid-template-columns:1fr 1fr ;
}
tr.individualemail{
    display: flex; align-items: center; padding-top: 30px; width: 400px;
}

tr.individualemail td{
    display: flex; align-items: center;width: 200%;
}
div.pagelink{
    margin-bottom: 8px;
}

/*.table-border {
    border: 1px solid #ccc;
}
table thead th {
    width: auto !important;
    background: #ebebeb !important;
    text-shadow: none !important;
    font-size: 13px;
    padding: 8px 5px !important;
    text-align: left !important;
    font-weight: 400 !important;
}
table tbody td {
    padding: 10px 5px !important;
    text-align: left !important;
    font-size: 13px;
}*/
.source-css{
    font-weight: 900;
    font-size: 13px;
    background:linear-gradient(to right, #123559 55%, #5d89b4 43%);
    -webkit-background-clip:text;
    -webkit-text-fill-color: transparent;
    cursor:pointer;
}
.source-cv-css{
    font-weight: 900;
    font-size: 13px;
    background: linear-gradient(to left, #3D5173 50%, #54B5BD 43%);
    -webkit-background-clip:text;
    -webkit-text-fill-color: transparent;
    cursor:pointer;
}
/* log image css added on dt:11/10/2023 */
.vysy_img{
    width: 100px;
    padding: 3px;
    background: white;
    margin-bottom: 5px;
}
.cn_img{
    width: 120px;
    background: white;
    margin-bottom: 5px;

}
.vyvx_img{
    width: 94px;
    background: white;
    margin-bottom: 5px;
}
.vyb_img{
    width: 105px;
    padding: 3px;
    background: white;
    margin-bottom: 5px;

}
.footer_vyb_img{
    width: 102px;
    padding: 3px;
    background: white;
    margin-bottom: 0px;
    margin-left: 5px;
}
/* country display */
.box-container {
    display: flex;
    gap: 10px;
    justify-content: center;
    padding-top: 20px;
 }
  .box_country {
    border: 1px solid #ddd;
    width: 27%;
    /* height: 400px; */
    padding: 4px 10px;
    border-radius: 10px;
}
.ctry_count {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding: 10px 0px;
}
.ctry_count h2 {
    margin: 0;
}
.d_count {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    /* border-radius: 5px; */
    margin-top: 4px;
    /* background: #F1F7FF; */
}
.box_country ul li {
    padding-top: 10px;
    list-style: none;
    padding-left: 0;
    display: flex;
    justify-content: space-between;
}
.box_country ul {
    padding-left: 10px;
    font-size: 13px;
}
.nofound_rc{
    font-size: 12px;
}
#excel_aln a.bold {
    color: #0066ff;
}

/* TCDC page design start */

.calltracker select, .calltracker textarea, .calltracker input[type=text], .calltracker input[type=password], .calltracker input[type=email], .calltracker input[type=url], .calltracker input[type=date], .calltracker input[type=number], .calltracker input[type=time], .calltracker input[type=date], .calltracker input.date {
    padding: 5px 2px !important; 
}
.btn_gray {
    font-size: 12px !important;
    padding: 7px 16px;
    font-weight: 500 !important;
    line-height: normal;
    font-family: 'Roboto', sans-serif !important;
    margin-left: 4px;
    border-radius: 3px !important;
    border: 0;
    cursor: pointer;
}
.btn_blue {
    font-size: 12px !important;
    padding: 7px 16px;
    font-weight: 500 !important;
    line-height: normal;
    font-family: 'Roboto', sans-serif !important;
    margin-left: 4px;
    background-color:#0095cd;
    border: 0;
    color: white;
    border-radius: 3px !important;
    cursor: pointer;
}
.select_option_wid button {
    width: 186px !important;
}
.flex {
    display: flex;
}
.select_coures_search_wid button {
    width: 180px !important;
}
#Course_Taken_edit button{
    width: 186px !important;
}
#search_bulkmail_grp{
    position: absolute;
    top: 55px;
    left: 30px;
    padding: 4px 5px;
    width: 240px;
}
.groupList .rec-email-groupList{
    display: flex;
    flex-wrap: wrap;
    max-height: 300px;
    overflow-y: scroll;
    padding: 10px 15px;
}
.Employee-Group-dropdown button{
    margin-top: 8px;
}


/* candidate-page-popup */

.mail_send td {
    padding: 10px;
  }


/* university */
.university-create .create-frm-section{
    display: flex;
    flex-wrap: wrap;
    grid-gap: 20px;
}
:where(.university-create,.univer-details-edit) :where(.univer-contact-info, .create-frm-section) .row{
    display: flex;
    justify-content: center;
    align-items: center;
}
.row.wd_100.dis_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 10px;
}
.univer-details-edit :where(.univer-contact-info, .create-frm-section) .row{
    grid-gap: 10px;
}
.university-create :where(.univer-contact-info, .create-frm-section) .row {
    grid-gap: 30px;
}
.university-create :where(.univer-contact-info, .create-frm-section) .row .col input{
    padding: 7px;
}
.university-create .univer-contact-info{
    margin: auto;
    flex-wrap: wrap;
}
.uni_addmore-btn{
    float: right;
}
.university-create .create-frm-section{
    border: 1px solid #a6a4a4;
    border-radius: 10px;
    padding: 50px;
}
.university-create :where(.univer-contact-info, .create-frm-section) .row:where(.uni_addmore-btn,.uni-smt-section){
    justify-content: end;
}
.university-create .create-frm-section .row.uni-smt-section .col{
    margin-top: 10px;
    display: flex;
    justify-content: flex-end;
}
/* .university-list .srch-frm-section{
    display: flex;
    flex-wrap: wrap;
    grid-gap: 20px;
    margin: auto;
} */
/* .university-list .srch-frm-section .row {
    display: flex;
    justify-content: center;
    grid-gap: 20px;
    align-items: flex-end;
} */
.university-list .srch-frm-section .row:last-child {
    justify-content: flex-start;
}
.university-list .srch-frm-sections{
    border: 1px solid #b0abab;
    padding:25px;
    border-radius: 5px;
    margin: 0 auto 0px;
    background-color: #F7F7F7;
}
.University-details .tab-body:nth-child(1),
.University-details .tab-body:nth-child(2) {
    border: 1px solid #dadada;
    border-top: 0;
    padding: 10px 20px;
}

/* Resume parser css added */
#dropArea {
    border: 2px dashed #ccc;
    width: 370px;
    height: 130px;
    line-height: 115px;
    text-align: center;
    color: #aaa;
}
.highlight {
    border-color: #000;
    color: #000;
}
/* #resume-parser-resume-upload{
    display: flex;
    align-items: center;
    grid-gap: 15PX;
} */
#ExitContactDialogFooter{
    position: absolute;
    bottom: 0;
    right: 0;
    height: 45px;
    margin-right: 15px;
}
#ExitContactDialogBody{
    margin-top: 35px;
    font-size: 15px;
    padding: 15px;
}

/* css added on 06/06/2024 - MGR*/
.mar-t-20 {
    margin-top: 20px;
}
.row.candidate-mapping {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width: 90%;
}
.notes_title {
    font-size: 15px;
    color: #0083FE;
    line-height: 40px;
}
.btns-cls{
    padding: 9px 16px;
    border-radius: 3px !important;
    font-weight: bold !important;
    margin-right: 12px;
}
div#fileList p {
    font-size: 12px;
}
#errMessage {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
}
.red_txt {
    color: #900;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.create_connection #assign-user .ui-multiselect{
    width: 100% !important;
}

.tatal_spent_hours{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    grid-gap: 15px;
}

#work_log_filter{
    display: flex;
    grid-gap: 10px;
    align-items: center;
}
#add_export_cnt{
    display: flex;
    grid-gap: 15px;
    margin-bottom: 10px;
    justify-content: flex-end;
    width: 100%;
}

#work_log_cnt{
    display: grid;
    justify-content: center;
    grid-template-columns:2.5fr 1.8fr;
    align-content: center;
    justify-items: center;
    align-items: baseline;
    margin-top: 15px;
}

.ck-content{
    height: 300px;
}

/* .ck-reset_all :not(.ck-reset_all-excluded *), .ck.ck-reset_all {
    font-size: 9px !important;
    text-align: left;
    white-space: nowrap;
} */
.checkALLApprove{
    padding: 10px;
    border: 1px solid #dddddd;
    background: #ffffff;
    font-weight: bold;
    color: #0073ea;
}
div#container input#file-upload {
    border: 2px solid #128DFF;
    padding: 10px;
    border-radius: 3px;
    border-style: dashed;
    cursor: pointer;
    font-size: 13px !important;
}
.notes-right .f13 ul li{
    line-height: 30px;
}
.table-responsive {
    box-sizing: border-box;
    overflow: auto;
    width: 100%;
    clear: both;
    float: left;
    padding-right: 1px;
}
.table-border {
    border: 1px solid #ccc;
    margin-top: 10px;
}
.text-nowrap {
    white-space: nowrap;
}
table {
    /* table-layout: fixed; */
    width: 100% !important;
    word-break: break-all;
    word-wrap: break-word;
}
.table-responsive table tr:nth-child(odd) td, .home-todo-list table tr:nth-child(odd) td {
    background: #f9f9f9;
}
.table-responsive.map-columns td {
    line-height: 30px;
}
.table-responsive.map-columns tr td:nth-child(2) button{
    float: right;
    width: 430px !important;
    padding: 6px;
}

.table-border td {
    border-bottom: 1px solid #DDDDDD;
}
.mapping-field {
    width: 50%;
}   
.label-mapfield {
    float: right;
    margin-right: 65px;
}
.linkdurl{
    color:#35aa47 !important;
    font-weight: bold;
}