/**
 * Sticky Footer
 */
 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;300;&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 :root {
     --bs-form-invalid-border-color:red;
 }
 * {
     margin: 0;
     /*font-family:"lucida grande",arial,sans-serif;
    font-family: 'Muli', sans-serif;*/
     font-family:  "Lexend", sans-serif;
 }
 
 fieldset {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-size: 100%;
     vertical-align: baseline;
     background: transparent;
 }
 
 html, body {
     height: 100%;
 }
 body{
     overflow-x: hidden;
 }
 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;
 }
 .mar-down{
     margin-top: 18px;
 }
 
 /**
  * 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:  "Lexend", 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;
 }
 
 /**
  * Text Styles
  */
 
 a {
     color: #0648a0;
     outline: none;
     text-decoration: none;
     font-size: 12px;
 }
 
 a:hover {
     color: #0648a0;
     outline: none;
     text-decoration: underline;
 }
 
 #content .ui-widget-content a {
     color: #0066ff;
 }
 
 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: 12px;
 }
 
 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 !important;
 }
 
 .fl {
     float: left;
 }
 
 .fr {
     float: right;
 }
 #call-history .fr {
     padding: 20px 0px 5px 0px
 }
 
 .fn {
     float: none !important;
 }
 
 .bold {
     font-weight: bold;
 }
 
 .f15 {
     font-size: 15px;
 }
 
 .f14 {
     font-size: 14px !important; 
 }
 
 .f13 {
     font-size: 13px;
 }
 
 .f12 {
     font-size: 12px !important;
 }
 
 .f11 {
     font-size: 11px;
 }
 
 .f10 {
     font-size: 10px !important;
 }
 
 .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_0 {
     padding-right: 0 !important;
 }
 
 .pad_r_5 {
     padding-right: 5px;
 }
 
 .row.f11 .pad_r_10 {
    padding: 10px; 
 }
 
 .pad_r_15 {
     padding-right: 15px !important;
 }
 
 .pad_r_20 {
     padding-right: 20px !important;
 }
 
 .pad_l_0 {
     padding-left: 0 !important;
 }
 
 .pad_l_5 {
     padding-left: 5px;
 }
 
 .pad_l_10 {
     padding-left: 10px !important;
 }
 
 .pad_l_15 {
     padding-left: 15px;
 }
 .pad_l_20 {
     padding-left: 20px !important;
 }
 
 .pad_t_0 {
     padding-top: 0px !important;
 }
 
 .pad_t_5 {
     padding-top: 5px;
 }
 
 .pad_t_5 {
     padding-top: 5px;
 }
 
 .pad_t_0 {
     padding-top: 0px !important;
 }
 
 .pad_t_10 {
     padding-top: 10px !important;
 }
 .pad_t_14 {
     padding-top: 14px;
 }
 
 .pad_t_15 {
     padding-top: 15px;
 }
 
 .pad_t_16 {
     padding-top: 10px;
 }
 
 .pad_b_0 {
     padding-bottom: 0 !important;
 }
 
 .pad_b_5 {
     padding-bottom: 5px !important;
 }
 
 .pad_b_10 {
     padding-bottom: 12px !important;
     margin-top: 8px;
 }
 .pad_b_15 {
     padding-bottom: 15px !important;
 }
 
 .pos_l_20 {
     position: relative;
     left: 10px;
 }
 
 .hide-disp {
     display: none;
 }
 .txt_al_r {
     text-align: right;
 }
 .float_r {
     float: right;
 }
 
 /**
  * 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;*/
     margin: auto;
     top: 50%;
 }
 
 .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;
 }
 
 #page-header {
     /*background-color:#50545a; */
 
     background: #ffffff;
     background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
     background: -moz-linear-gradient(top, #ffffff, #ffffff);
     /*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;
     /* border: 1px solid #368EE0; */
     display: grid;
     grid-template-columns: 0.2fr 3fr 0.2fr;
 }
 
 #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;
     position: relative;
     z-index: 0;
 } */
 
 #page-subheader {
     background: #5d656c1f;
     position: relative;
     z-index: 0;
     border-bottom: 1px solid #ebebeb;
     box-shadow: 5px 7px 26px -5px rgb(14 17 28 / 6%);
 }
 
 #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;*/
     /* box-shadow: 0 10px 15px rgb(201 206 226 / 40%); */
     border: 1px solid #ebebeb;
     border-bottom: 0;
     z-index: 1001;
     position: fixed;
     top: 73px;
     /* left: 24px; */
     display: none;
 }
 
 #quick-launch {
     top: 54px;
     right: 8px;
     box-shadow: 0 10px 20px #acacac94;
     border: 1px solid #76c3aa;
     z-index: 2;
 }
 
 #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;
     /* padding: 5px 5px 0px 0px; */
     padding: 0;
     /* margin-bottom: 10px; */
     /* margin-top: 10px; */
     margin-top: 0;
     margin-bottom: 0;
 }
 
 #quick-content .title-bar {
     font-weight: 600;
     font-size: 16px;
     /* padding-bottom: 5px; */
     padding: 10px 0px 10px 17px;
     /* line-height: 2; */
     border-radius: 15px 15px 0px 0px;
     border-bottom: 4px solid #dbdbdb8c;
     /* background-color: #dbdbdb; */
 }
 
 #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;
     right: 102px;
     border-width: 13px 13px 0;
     border-style: solid;
     border-color: #fff transparent;
     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; */
 }
 
 /* .triangle-border.noti:after {
     top: -10px;
     bottom: auto;
     right: auto;
     left: 23px;
     border-width: 0 9px 9px;
     border-color: #76c3aa transparent;
 } */
 
 /**
  * Content
  */
 #content {
     margin: 75px auto 0;
     min-height: 85vh;
     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;
 }
 
 .txt_blue {
     color: #0066ff !important;
 }
 
 .blue_txt {
     color: #039;
 }
 
 .red_txt {
     color: #900;
     color: #900;
     font-size: 12px !important;
     font-weight: 500 !important;
 }
 
 .orange_txt {
     /*color: #F30;*/
     color: #d27a00;
 }
 
 .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: 12px;
 }
 
 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: 5px 8px;
     border-radius: 3px;
     color: #3b3a3a;
     font-weight: 700;
     font-size: 12px;
 }
 
 .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,.f_Blue:hover {
     color: #004cbe;
 }
 
 .f_Red, .f_Red a,.f_Red:hover {
     color: #ff0000;
 }
 
 .f_Green, .f_Green a,.f_Green:hover {
     color: #85c300;
 }
 
 .f_Orange, .f_Orange a,.f_Orange:hover {
     color: #d27a00;
 }
 
 .f_Purple, .f_Purple a {
     color: #9000d0;
 }
 
 .f_Gold, .f_Gold a {
     color: #ffa200;
 }
 
 .err_bg {
     font-size: 12px;
     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_0 {
     margin-top: 0px !important;
 }
 
 .margin_t_5 {
     margin-top: 5px;
 }
 
 .margin_t_10 {
     margin-top: 10px !important;
 }
 .margin_t_20 {
     margin-top: 20px !important;
 }
 .margin_b_0 {
     margin-bottom: 0 !important;
 }
 .margin_b_5 {
     margin-bottom: 5px;
 }
 
 .margin_b_10 {
     margin-bottom: 10px;
 }
 
 .margin_b_15 {
     margin-bottom: 15px !important;
 }
 
 .margin_b_30 {
     margin-bottom: 30px;
 }
 
 .margin_r_0 {
     margin-right: 0 !important;
 }
 
 .margin_r_5 {
     margin-right: 5px !important;
 }
 
 .margin_r_10 {
     margin-right: 5px;
 }
 
 .margin_r_15 {
     margin-right: 15px;
 }
 
 .margin_l_0 {
     margin-left: 0 !important;
 }
 
 .margin_l_5 {
     margin-left: 5px !important;
 }
 
 .margin_l_10 {
     margin-left: 10px;
 }
 
 .i_req {
     color:  #900 !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: 12px;
 }
 
 .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: 5px 2px;
 }
 
 .calltracker input {
     font-size: 10px;
 }
 
 .calltracker #call-tracker {
     width: 999px;
     float: 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; */
     border-bottom: 1px solid #dddddd;
     border-left: 1px solid #dddddd;
     border-right: 1px solid #dddddd;
     /* 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; */
 }
 .col.padding_r_5 {
     width: 100%;
 }
 
 .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;
 }
 .min_input{
     padding: 4px 10px !important;
 }
 #addtrackpopup #addTrack{
     background-color: transparent !important;
     padding: 0px !important;
     border-radius: 20px; 
     margin-top: 0px;
     border: none;
     min-height: 50px;
 }
 #addtrackpopup #candidate-histroy {
     background-color: transparent !important;
     padding: 0px !important; 
     border-radius: 20px; 
     margin-top: 20px;
     border: none;
     min-height: 50px;
     margin: 0px !important;
 }
 
 .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;
 }
 
 .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: 12px;
     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: 12px;
     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: 2%;
     padding-right: 2px;
 }
 
 #daily-report-main .row .name {
     float: left;
     width: 8%;
     padding-right: 2px;
 }
 
 #daily-report-main .row .dept {
     float: left;
     width: 6%;
     padding-right: 2px;
 }
 
 #daily-report-main .row .date {
     float: left;
     width: 6%;
     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: 3%;
     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: 16%;
     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: 3%;
     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: 12px;
     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: #dadbff;
     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: 20%;
     padding-right: 5px;
 }
 
 #vendors-list .row .action {
     float: left;
     width: 15%;
     padding-right: 5px;
 }
 
 #vendors-list #paging {}
 
 
 /* confirmation board */
 
 #joined-candidate-list {
     padding-top: 5px;
     box-sizing: border-box;
     float: left;
 }
 
 #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: 9%;
     padding-right: 5px;
 }
 
 #joined-candidate-list .row .hiremode {
     float: left;
     width: 10%;
     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-active-candidate,
 #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,
 #joined-candidate-list #tab-referral {
     border: 1px solid #ccc;
     border-top: none;
     float: left;
     width: 100%;
     box-sizing: border-box;
 }
 #joined-candidate-list .ui-tabs-panel {
     border: 1px solid #ccc;
     border-top: none;
     float: left;
     width: 100%;
     box-sizing: border-box;
 }
 
 #joined-candidate-list .widget {
     margin: 5px 0px;
     box-sizing: border-box;
     float: left;
     width: 100%;
 }
 
 /* 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: 15px;
 }
 
 #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: 11%;
     padding-right: 5px;
 }
 
 #client-payment-list .row .recuriter {
     float: left;
     width: 8%;
     padding-right: 5px;
 }
 
 #client-payment-list .row .crm {
     float: left;
     width: 10%;
     padding-right: 5px;
 }
 
 #client-payment-list .row .country {
     float: left;
     width: 10%;
     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-left: 10px;
 }
 
 
 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: 20px;
 }
 
 #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 a, #paycheck-list .active a {
     color: #fff;
 }
 
 #paycheck-list .result-set {
     padding: 0px;
     margin-top: 5%;
 }
 
 #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: 12px;
     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: 10px 5px;
     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: #e8e9fa;
     color: #000;
 }
 
 #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: 12px;
     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 {
     width: 26px;
     height: 24px;
     position: relative;
     right: 3px;
     bottom: 1px;
     display: block;
 } */
 
 .quick_notificaton #notificationsCountWrapper {
     color: #fff;
     font-weight: bold;
     background-color:  #900;
     padding: 2px;
     display: block;
     position: absolute;
     z-index: 1001;
     right: -1px;
     border-radius: 2px 2px 2px 2px;
     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: 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: 12px;
     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: 14px;
 }
 
 .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: 14px;
 }
 
 .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: 12px;
 }
 
 .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 0px;
     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 .todo .row .owner, #task-container .todo .row .assigned {
     float: left;
     width: 15%;
     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-client {
     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: #141414;
     display: block;
     font-weight: bold;
     /*font-family: arial;*/
     font-size: 12px;
     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: 12px;
     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;
     margin-top: 0;
 }
 
 #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: #8285e1
 }
 
 
 
 /*//#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;  
     word-break: break-word;
     text-align: center;
     font-size: 10px;
 }
 
 .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-20 {
     margin-top: 20px;
 }
 .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_130 {
     width: 130px;
 }
 
 .wd_150 {
     width: 150px;
     padding: 0px 4px 0px 4px;
 }
 
 .wd_20 {
     width: 20px;
 }
 
 .wd_487 {
     width: 487px;
 }
 
 .head {
     position: relative;
 }
 
 .wd_157 {
     width: 159px !important;
 }
 
 .wd_161 {
     width: 157px !important;
 }
 
 .wd_155 {
     width: 155px !important;
 }
 
 .bt_9 {
     position: relative;
     bottom: 9px
 }
 
 .frm_jb {
     width: 100%;
     position: relative;
 }
 
 .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: 10px;
 }
 .row.pad_t_10.pad_b_0 .rpt_src {
     padding-top: 2px;
 }
 
 .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: 12px;
     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_60p {
     width: 60%;
 }
 
 .wid_100 {
     width: 100px;
 }
 
 .wid_115 {
     width: 115px;
 }
 
 .wid_25 {
     width: 25% !important
 }
 
 .wid_30 {
     width: 30% !important
 }
 .wid_33 {
     width: 33.33333333333333% !important;
 }
 
 .wid_40 {
     width: 40% !important
 }
 
 .wid_45 {
     width: 45% !important
 }
 
 .wid_50 {
     width: 50% !important
 }
 
 .wid_60 {
     width: 60% !important
 }
 
 .wid_65 {
     width: 65% !important
 }
 
 .wid_70P {
     width: 70% !important
 }
 
 .wid_75 {
     width: 75% !important
 }
 
 .wid_20 {
     width: 20% !important
 }
 .wid_10 {
     width: 10% !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: 135px;
 }
 
 .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:100%;
 }
 .experience-job {
     display: flex;
     flex-direction: column;
 }
 .single-row {
     display: flex;
     gap: 30px;
 }
 .left-sides {
     width: 100%;
     background-color: #F7F7F7;
     border: 1px solid #DDDDDD;
     padding: 10px;
     border-radius: 5px;
 }
 div#cal_trc_master_details {
     /* background-color: #ECF7FF;
     border: 1px solid #DDDDDD;
     padding: 10px;
     border-radius: 5px; */
 }
 .name.col.position img {
     position: absolute;
 }
 
 
 #joined-candidate-list .row .rate {
     float: left;
     width: 6%;
     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
 }
 .pad_r_10 {
     padding-right: 10px;
 }
 
 
 #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%);
 }
 .job-table {
     display: flex;
     gap: 20px;
     margin: 0 auto;
     padding-bottom: 15px;
 }
 .job-right-table {
     width: 50%;
 }
 .job-left-table {
     width: 50%;
 }
 /*.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: 12px;
     margin: 0 auto;
     margin-bottom: 0px;
     float: none;
     margin-bottom: 26px;
 }
 
 ul#oppbadge li div {
     font-size: 12px;
     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;
 }
 
 
 /* Application redesign :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
 
 .wrapper {
     margin: 0 auto;
     width: 98%;
     /* display: table; */
 }
 
 .logo-img {
     float: left;
     width: 105px;
     border-right: 1px solid rgb(203 208 233 / 59%);
     padding-right: 20px;
     height: 35px;
     padding-top: 0;
     display: flex;
     align-items: center;
     background: #fff;
     padding: 0px 6px;
 }
 
 .logo-img a {
     display: block;
     width: 100%;
     height: 100%;
 }
 
 .logo-img a img {
     width: 100%;
     height: 100%;
     object-fit: contain;
     margin-top: 8px;
 }
 
 ul#cm-nav-horz {
     margin-left: 0;
     display: inline-block;
 }
 
 #cm-nav-horz li a {
     margin: 0px 0 0px 0px;
     font-size: 14px;
     font-weight: normal;
     line-height: normal;
     padding: 15px 20px;
 }
 
 #cm-nav-horz li:hover ul {
     box-shadow: none;
     box-shadow: 0 10px 15px rgb(201 206 226 / 40%);
     border-bottom: 0px solid #ebebeb;
 }
 
 #cm-nav-horz li li a {
     margin: 0;
     line-height: normal;
     padding: 10px 15px;
     font-size: 12px;
     border-bottom: 0px solid #ebebeb;
     font-weight: 500;
     color: #333333;
 }
 
 #page-subheader {
     height: auto;
 }
 
 #sub-menu {
     padding-bottom: 11px;
     padding-top: 11px;
 }
 
 #sub-menu ul {
     display: flex;
     margin: 0;
     padding: 0;
     align-items: center;
 }
 
 #sub-menu ul li {
     border-right: 1px solid #606d942b;
 }
 
 #sub-menu ul li:last-child {
     border-right: 0;
 }
 
 #sub-menu ul li a {
     width: 43px;
     height: 17px;
     display: flex;
     align-items: center;
     padding-left: 12px;
     padding-right: 12px;
 }
 
 #sub-menu ul li a img {
     width: 100% !important;
     height: auto !important;
     top: 0 !important;
 }
 
 #content {
     /* margin-top: 115px;
     max-width: 1200px;
     width: 89.74%;
     margin-left: auto;
     margin-right: auto;
     -webkit-box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
     box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
     padding: 20px;
     border-radius: 3px; */
     /* margin-top: 100px; */
     /* max-width: 1200px; */
     width: 95%;
     margin-left: auto;
     margin-right: auto;
     border-radius: 3px;
 }
 
 .ui-tabs {
     padding-top: 0 !important;
 }
 
 .ui-tabs .ui-widget-header .ui-state-default {
     border: 1px solid #ebebeb;
     border-top-left-radius: 3px;
     border-top-right-radius: 3px;
 }
 
 .ui-tabs .ui-widget-header .ui-state-default a {
     font-size: 12px;
     font-weight: normal;
     color: #000;
 }
 
 .home-wrapper {
     float: left;
     width: 100%;
 }
 
 .home-wrapper .fl {
     float: left;
     width: 68%;
 }
 
 .home-wrapper .fr {
     float: right;
     width: 30%;
 }
 
 .home-wrapper .fl .c_title.blue_txt.bold {
     text-align: center;
     display: flex;
     align-items: center;
     background-color: rgb(96 109 148 / 17%);
     border-radius: 3px;
     line-height: normal;
     font-size: 19px;
     justify-content: center;
     margin: 0;
     padding-top: 4px;
 }
 
 .home-wrapper .fl a.c_title.bold {
     margin-left: 20px;
 }
 
 #ceo-msg-panel .messge, #news-panel .messge {
     border: 1px solid rgb(96 109 148 / 17%);
     padding: 15px;
     line-height: 18px;
 }
 
 #ceo-msg-panel .messge:first-child, #news-panel .messge:first-child {
     margin-top: 15px;
 }
 
 .tk-hme {
     width: 51%;
     margin-bottom: 8px !important;
 }
 
 #dummycall {
     border: 1px solid #ebebeb;
     border-radius: 0;
     padding: 10px;
     font-size: 13px !important;
     border-bottom-left-radius: 3px;
     border-bottom-right-radius: 3px;
 }
 
 .label-form {
     box-sizing: border-box;
     margin-left: -15px;
     margin-right: -15px;
     margin-top: 20px;
 }
 
 .label-form>div {
     width: 33.33333333333333%;
     box-sizing: border-box;
     padding-right: 15px;
     padding-left: 15px;
 }
 
 .label-form>div {
     width: 33.33333333333333%;
 }
 
 .label-form>div>div {
     display: block;
     float: left;
     width: 100%;
     /* margin-bottom: 15px; */
 }
 
 .label-form>div>div .f1-label {
     width: 100%;
     font-size: 12px;
     display: inline-flex;
 }
 
 .label-form>div>div .fl-form {
     width: 100%;
 }
 
 .label-form>div>div .fl-form input, .label-form>div>div .fl-form select {
     width: 100%;
 }
 .fl.f1-label img {
     height: 14px;
     width: 14px;
 }
 .wid_60 .col.pad_r_10 img {
     height: 12px;
     width: 13px;
 }
 /* .txt_normal .col.pad_r_10 form#frm_profile {
     padding: 5px 0px 5px 0px;
 } */
 
 .ui-multiselect {
     width: 100% !important;
     padding-top: 6px !important;
     padding-bottom: 6px !important;
     background: #FFF !important;
     border-radius: 3px !important;
     color: #000 !important;
     font-weight: 400 !important;
     font-size: 11px !important;
     margin-top: 8px !important;
     cursor: pointer;
 }
 
 .txt_normal {
     font-size: 13px;
     font-weight: 400;
 }
 .detail-summary .txt_normal {
     line-height: 20px;
     font-size: 13px;
 }
 div#search-container .txt_normal {
     display: flex;
     gap: 12px;
 }
 .label-form-four>div {
     width: 25%;
 }
 img.sendmail_img {
     width: 15px;
 }
 
 table thead th {
         width: auto !important;
         background: #8285e1 !important;
         text-shadow: none !important;
         font-size: 14px;
         padding: 12px 6px !important;
         text-align: left !important;
         font-weight: 600 !important;
         font-family:  "Lexend", sans-serif;
         color: #fff !important;
         border: none !important;
     }
 table.mail_send tbody td {
     padding: 5px 5px !important;
 }
 table tbody td {
     padding: 10px 5px !important;
     text-align: left !important;
     font-size: 13px;
     font-weight: 400;
     font-family:  "Lexend", sans-serif;
     /* white-space: nowrap;
     word-wrap: break-word; */
 }
 
 table tbody td.report-remarks {
     padding: 10px 0px !important;
 }
 
 .widget #calhead {
     background: #ebebeb !important;
     text-shadow: none !important;
     font-size: 13px;
     padding: 8px 0px !important;
     text-align: left !important;
     /*line-height: 18px !important;*/
     font-weight: 400 !important;
     float: left;
     width: 100%;
 }
 
 .widget #calhead .col, .widget #calbody .col {
     padding: 0px 5px !important;
 }
 
 .widget #calbody {
     border-radius: 0;
     padding-left: 0;
     padding-right: 0;
 }
 
 .widget #calbody .row {
     height: auto !important;
     float: left;
     width: 100%;
 }
 
 .widget #calbody .row .col {
     text-indent: 0;
     padding: 0 2px;
     word-wrap: break-word;
 }
 
 #list-grid-calls,
 #list-grid-vendor,
 #list-grid-search {
     /* width: 100%;
     overflow-x: auto; */
     width: 100%;
 }
 
 /* tr:nth-child(odd) {
     background-color: #f9f9f9 !important;
 }
 
 tr:nth-child(even) {
     background-color: #fff !important;
 } */
 
 .ui-tabs {
     width: 100% !important;
 }
 
 .left_search-box-1 {
     display: flex;
 }
 div#search-container .txt_normal .left_search-box-1 {
     display: flex;
     flex-direction: column;
     gap: 8px;
 }
 
 .left_search-box-1>div {
     width: 100% !important;
 }
 
 .can-call-track.left_search-box-1>div {
     width: 23%;
 }
 
 .left_search-box-1>div input,
 .left_search-box-1>div select {
     width: 100% !important;
 }
 
 .left_search>div input[type="radio"] {
     width: auto !important;
 }
 
 .left_search-box-1>div select.ven_contact_select {
     width: 88% !important;
 }
 
 .experience {
     display: flex;
     align-items: center;
     /* margin-top: 3px; */
 }
 
 .experience select:first-child {
     margin-right: 5px;
     margin-top: 0;
 }
 
 .experience select:last-child {
     margin-right: 0;
     margin-left: 0;
     margin-top: 0;
 }
 
 .right_search {
     width: 36% !important;
 }
 .panel.f11 .right_search {
     width: 100% !important;
 }
 
 .left_search-box-1>div input[type="radio"] {
     width: auto !important;
 }
 
 #list-resume-search .result-set .result-set-item {
     padding: 15px;
     box-shadow: none;
     margin-top: 0;
 }
 
 #list-resume-search .result-set .result-set-item .col {
     width: 20%;
     padding: 0;
 }
 
 #list-resume-search.global-search .result-set .result-set-item .col {
     width: 20%;
 }
 
 #list-resume-search .result-set .result-set-item .col:nth-child(3) {
     width: auto;
     padding-right: 15px;
 }
 
 #list-resume-search.can-resume-search .result-set .result-set-item .col {
     width: 20% !important;
     padding-right: 5px !important;
 }
 
 #list-resume-search .result-set .result-set-item .col:nth-child(5) {
     width: auto;
 }
 
 #list-resume-search.can-resume-search .result-set .result-set-item .col {
     width: 20% !important;
     padding-right: 5px !important;
 }
 
 .result-set-item .row.pad_t_10 {
     display: flex;
     padding-top: 0;
 }
 
 .ui-multiselect-menu {
     width: auto !important;
 }
 
 #page-footer {
     clear: both;
 }
 
 .custom-width-select select {
     width: 100% !important;
     margin-top: 3px !important;
 }
 
 ul#reportbtns li {
     word-break: break-word;
     padding: 5px;
 }
 
 table {
     /* table-layout: fixed; */
     width: 100% !important;
     word-break: break-all;
     word-wrap: break-word;
 
 }
  
 .ui-dialog {
     background: #FFF;
     border: 1px solid #ebebeb;
     box-shadow: 0 4px 23px -8px rgb(14 17 28 / 6%);
     padding: 15px;
     border-radius: 5px;
 }
 
 .ui-dialog .ui-dialog-content {
     padding: 0;
     max-height: 75vh;
     padding-right: 15px;
 }
 
 .stage select {
     width: 100% !important;
 }
 
 .add-track .track_list .header>div {
     flex: 1;
 }
 
 .candidate-history .track_list .header,
 .add-track .track_list .header {
     display: flex;
 }
 
 
 .add-track .track_list .header>div {
     flex: 1;
     width: initial;
     display: flex;
 }
 
 .add-track .track_list .header>div span.bold {
     flex-basis: 75px;
 }
 
 .add-track .track_list {
     border-bottom: 0;
 }
 
 .ui-dialog .ui-dialog-content {
     padding: 1em !important;
     /* height: 380px !important; */
 }
 
 
 
 /* .candidate-call-history-table #list-grid-calls table th:nth-child(1),
 .candidate-call-history-table #list-grid-calls table td:nth-child(1) {
     width: initial !important;
     word-break: keep-all;
 }
 
 .candidate-call-history-table #list-grid-calls table th:nth-child(2),
 .candidate-call-history-table #list-grid-calls table td:nth-child(2) {
     width: auto !important;
     word-break: keep-all;
 }
 
 .candidate-call-history-table #list-grid-calls table th:nth-child(3),
 .candidate-call-history-table #list-grid-calls table td:nth-child(3) {
     width: 18%;
     word-break: unset;
 }
 
 .candidate-call-history-table #list-grid-calls table th:nth-child(4) {
     width: 7% !important;
 }
 
 .candidate-call-history-table #list-grid-calls table th:nth-child(6),
 .candidate-call-history-table #list-grid-calls table td:nth-child(6) {
     word-break: keep-all;
     width: auto;
 }
 
 .candidate-call-history-table #list-grid-calls table th:nth-child(7),
 .candidate-call-history-table #list-grid-calls table td:nth-child(7) {
     width: 12% !important;
 }
 
 .candidate-call-history-table #list-grid-calls table th:nth-child(8),
 .candidate-call-history-table #list-grid-calls table td:nth-child(8) {
     width: 8% !important;
 }
 
 .candidate-call-history-table #list-grid-calls table td:nth-child(7)>div {
     max-width: 115px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .candidate-call-history-table #list-grid-calls table td:nth-child(8)>div {
     max-width: 80px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .candidate-call-history-table #list-grid-calls table th:nth-child(13),
 .candidate-call-history-table #list-grid-calls table td:nth-child(13) {
     width: 6% !important;
 } */
 
 /* .candidate-call-history-table #list-grid-calls table th,
 .candidate-call-history-table #list-grid-calls table td {
     width: initial;
     word-break: keep-all;
 } */
 
 .left_search-box-2>div {
     width: 50%;
 }
 
 .vendor-search {
     display: flex;
 }
 
 .vendor-search .col {
     flex: 1;
     margin-bottom: 0;
 }
 
 .vendor-text-sorting {
     display: flex;
     column-gap: 10px;
     margin-top: 0;
     margin-bottom: 5px;
 }
 
 .vendor-text-sorting a, .vendor-text-sorting span {
     flex: 1;
     text-align: center;
     gap: 10px;
     background-color: #e5e5e5;
     padding: 10px;
     color: #777;
 }
 
 .vendor-text-sorting span {
     background-color: #368ee0;
     color: #FFF;
 }
 
 .add-vendor-radio-listing {
     display: flex;
     flex-wrap: wrap;
     margin-top: 1px;
 }
 
 .add-vendor-radio-listing label {
     width: 45%;
     margin-bottom: 0;
 }
 
 .manage-opening-search {
     display: flex;
     flex-wrap: wrap;
 }
 
 .manage-opening-search>div {
     width: 16.66666666666667%;
 }
 
 .manage-opening-search>div .fl {
     width: 100% !important;
 }
 
 .ui-datepicker td {
     padding: 1px !important;
     word-break: initial !important;
     word-wrap: inherit !important;
 }
 
 .left_search-box-1>div input[type="checkbox"] {
     width: auto !important;
 }
 
 .left_search-box-1>div input[type="button"] {
     width: auto !important;
 }
 
 .employee-listing-grid {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
 
 .employee-listing-grid .right {
     display: flex;
     align-items: center;
 }
 
 .tox-tinymce {
     margin-top: 8px;
 }
 
 #image-list img {
     border: 1px solid #ededed !important;
     border-radius: 3px;
     overflow: hidden;
     border-radius: 50%;
     height: 100px !important;
     width: 100px !important;
 }
 
 #file_browse_wrapper {
     margin: 0 auto;
     margin-top: 15px;
     margin-bottom: 10px;
 }
 
 .company-target td {
     padding-top: 0 !important;
     padding-bottom: 0 !important;
 }
 
 .emp-form .content {
     padding: 15px;
 }
 
 .stage_mapping td {
     padding: 3px !important;
 }
 
 .user_stage button.ui-multiselect {
     width: 40% !important;
 }
 
 .menu-widget {
     margin: 0;
 }
 
 .menu-widget #calhead,
 .menu-widget #calbody .row {
     display: flex;
     align-items: center;
 }
 
 .menu-widget #calbody {
     border-radius: 0;
     padding-left: 0;
     padding-right: 0;
     width: 100%;
     max-width: 100%;
     padding-top: 0;
 }
 
 .menu-widget #calhead .col,
 .menu-widget #calbody .row .col {
     padding: 0px 8px !important;
 }
 
 .menu-widget #calbody .row .col.level1 {
     margin-left: 14px;
 }
 
 .menu-widget #calbody .row .col.level1 input[type=number] {
     padding: 5px 7px;
     text-align: center;
     width: 30px;
     height: 10px;
     box-sizing: initial;
 }
 
 .menu-widget #calbody .row .col.edit1 a {
     text-decoration: none;
 }
 
 #w-nav.employee-group {
     display: inherit !important;
     width: 100% !important;
     margin: 0 !important;
     padding: 0 !important;
     bottom: 0 !important;
 }
 
 .employee-group-accordion {
     clear: both;
 }
 
 .employee-group-accordion ul#nav li a {
     background: #f9f8f8;
     color: initial;
     display: block;
 }
 
 .employee-group-accordion ul#nav li ul {
     border: 1px solid #d5d5d5;
 }
 
 .employee-group-accordion ul#nav li ul #scrolled {
     display: flex;
     flex-wrap: wrap;
     max-height: 150px;
     height: inherit;
     padding: 10px;
     column-gap: 10px;
 }
 
 .employee-group-accordion ul#nav li ul #scrolled li {
     display: flex;
     height: auto;
     border: 1px solid #dfdfdf;
     border-radius: 4px;
     padding: 0;
 }
 
 .employee-group-accordion ul#nav li ul #scrolled li .name {
     padding: 5px 10px;
 }
 
 .employee-group-accordion ul#nav li ul #scrolled li .acc_sub1 {
     float: none;
     position: relative;
     right: auto;
     top: auto;
     background-color: #f6f5f5;
     display: flex;
     align-items: center;
 }
 
 .employee-group-accordion ul#nav li ul #scrolled li .acc_sub1 a {
     display: inline-block;
     background: transparent;
     padding: 0 7px;
 }
 
 .employee-group-accordion ul#nav li ul #scrolled li .acc_sub1 a:last-child {
     padding-left: 0;
 }
 
 .employee-group-wrapper {
     float: left;
     width: 100%;
     background-color: #8083df1c;
     margin-bottom: 10px;
     padding: 10px;
     border-radius: 5px;
     padding-bottom: 0;
     box-sizing: border-box;
 }
 
 .employee-group-title {
     padding: 0 0px 10px 0px;
     /* border-bottom: 1px solid #dfdddd; */
     margin-bottom: 10px;
     font-size: 14px;
 }
 
 .employee-group-title input {
     position: relative;
     top: 2px;
 }
 
 .employee-group-listing-group {
     padding: 5px;
     border: 1px solid #004cbe !important;
     margin-right: 10px;
     margin-bottom: 10px;
     border-radius: 5px;
 }
 
 .employee-group-listing-group input {
     position: relative;
     top: 2px;
 }
 
 .menu-mapping-wrapper span.c_title {
     display: block;
     margin-bottom: 10px;
 }
 
 .menu-mapping-asign-title {
     float: left;
     width: 100%;
     margin-bottom: 10px;
 }
 
 .menu-mapping-asign-back a {
     color: #007ead;
     /* background: ; */
     filter: none;
     border: 1;
     cursor: pointer;
     outline: none;
     text-decoration: none !important;
     font-size: 14px !important;
     padding: 7.5px 16px;
     font-weight: 500 !important;
     border-radius: 3px !important;
     line-height: normal;
     font-family:  "Lexend", sans-serif !important;
 }
 
 .menu-mapping-asign-wrapper table td.orange_txt {
     color: #735539;
 }
 
 .skill-list-wrapper {
     display: flex;
 }
 
 .skill-list-left {
     width: 60%;
 }
 
 .skill-list-right {
     width: 40%;
     padding-left: 20px;
 }
 
 .skill-list-top-form {
     display: flex;
     justify-content: space-between;
 }
 
 .skill-list-right span.c_title {
     margin-bottom: 10px;
     display: block;
 }
 
 .skill-list-right .f12 ul li {
     padding-bottom: 7px;
 }
 
 .menu-mapping-wrapper {
     float: left;
     width: 100%;
 }
 
 .menu-mapping-asign-wrapper .menu-mapping-asign-table tr td table tr:last-child td {
     border-bottom: 0 !important;
     padding-bottom: 0 !important;
 }
 
 #message-tabs .ui-tabs-nav {
     padding-left: 0;
 }
 
 .ui-multiselect {
     margin-top: 5px !important;
 }
 
 .left_search-box-1 div.padding_r_5 {
     padding-bottom: 0;
 }
 
 table#contact-info td,
 table#update_track td {
     padding: 7px !important;
 }
 
 div#filelist_dtl>div {
     padding-bottom: 5px;
 }
 
 .image-space a {
     padding-top: 10px;
     padding-right: 5px;
 }
 
 .priority-note-column {
     padding: 7px;
     border-radius: 5px;
     margin-bottom: 10px;
     /* border: 1px solid #ebebeb; */
     /* box-shadow: 0 4px 23px -8px rgb(14 17 28 / 6%); */
     display: flex;
     align-items: center;
 }
 
 .priority-note-color {
     display: flex;
     align-items: center;
     width: 20%;
 }
 
 .priority-note-caption {
     width: 80%;
 }
 
 #cus-list .header a,
 #vendors-list .header a,
 #cus-list .header a:hover {
     font-size: 12px;
     font-weight: normal;
     text-decoration: none;
 }
 
 #cus-list .header .icon {
     margin-top: 0px;
     float: left;
 }
 
 .jb {
     width: 100%;
     margin: 0 auto;
     float: left;
 }
 
 /* .head, .frm_jb {
     right: 0;
 } */
 
 ul#reportbtns li,
 ul#reportbtns li:hover {
     border: 1px solid #ebebeb;
     box-shadow: 0 4px 23px -8px rgb(14 17 28 / 6%);
     height: 45px;
 }
 
 .widget #calbody .row.new-table-body-row .col {
     padding: 0 5px;
 }
 
 .get-opening-container {
     display: flex;
     column-gap: 15px;
 }
 
 .get-opening-wrapper {
     flex: 1;
 }
 
 .get-opening-row {
     display: flex;
     padding: 10px 0;
     /* border-bottom: 1px solid #ededed; */
 }
 
 .get-opening-column:first-child {
     width: 30%;
 }
 
 .get-opening-description p {
     margin-block-start: 0;
     margin-block-end: 0;
     text-indent: 0 !important;
 }
 
 .get-opening-description p span {
     font-size: 13px !important;
 }
 
 #task-container .header a, #task-container .header a:hover {
     font-size: 12px;
 }
 
 #task-container .header .icon {
     margin-top: 2px;
     float: left;
 }
 
 .menu-calendar #calendar table.fc-header tr td {
     padding: 0 !important;
 }
 
 .todo-list {
     bottom: 0;
 }
 
 .candidate-dashbard #body_left .squre_box {
     background: #FFF;
     border: 1px solid #ebebeb;
     box-shadow: 0 4px 23px -8px rgb(14 17 28 / 6%);
     border-radius: 5px;
 }
 
 .employee-popover {
     background-color: #FFF;
     padding: 1rem;
 }
 
 ul#reportbtns {
     display: flex !important;
     width: 100%;
     flex-wrap: wrap;
 }
 span.sucess-blue {
     color:#0E21A0;
     font-weight: 700;
     font-size: 14px;
 }
 .mail_user {
     color: green;
     line-height: 18px;
     text-align: justify;
 }
 /* div#recruiter-d {
     width: 50% !important;
 } */
 
 ul#reportbtns li {
     height: auto;
     margin-right: 5px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: space-between;
 }
 
 /*ul#reportbtns li div {
     padding-bottom: 0;
     padding-top: 0;
 }*/
 
 ul#reportbtns li:hover {
     height: auto;
     background-color: #fdfdfd;
 }
 
 ul#reportbtns li a {
     text-decoration: none;
 }
 
 .company-target #cotain td select, .company-target #cotain td input[type=text] {
     width: 100%;
 }
 
 #employee-list .header a,
 #employee-list .header a:hover {
     font-size: 12px;
     font-weight: normal;
 }
 
 #employee-list .header .icon {
     margin-top: 0;
 }
 
 #employee-list .widget #calbody .row .col {
     padding: 0 5px;
 }
 
 #employee-list .widget #calhead .col,
 #employee-list .widget #calbody .row .col {
     /* box-sizing: border-box; */
     min-height: 1px;
 }
 
 /* #employee-list .row .index {
     width: 3%;
 } */
 
 
 #employee-list .row .email-addrs {
     width: 10%;
 }
 
 #login-track-list .widget #calbody .row .col {
     padding: 0 5px;
 }
 
 .widget.menu-widget.menu-listing div#calhead .col,
 .widget.menu-widget.menu-listing div#calbody .col {
     padding: 0 5px !important;
 }
 
 .widget.menu-widget.menu-listing div#calbody .col.level1 {
     margin-left: 0;
 }
 
 /* .menu-mapping-asign-wrapper table tbody td {
     padding: 4px 5px !important;
 } */
 
 .assign-selected-menu button.button.button-green {
     background: #368ee0;
     margin: 0;
 }
 
 .assign-selected-menu button.button.button-green:hover,
 .assign-selected-menu button.button.button-green:focus {
     background: #606d94 !important;
 }
 
 .skill-list-left table.paginate tbody tr td {
     padding: 4px 5px !important;
 }
 
 /*Candidate Edit POPUP*/
 #edit_candidate {
     /*border: 1px solid red;*/
 }
 
 /* #edit_candidate .col {
     width: 32%;
 } */
 
 #edit_candidate input, #edit_candidate select, #edit_candidate .ui-multiselect {
     width: 100%;
     background: #f5f6f8 !important;
     border: none !important;
 }
 #add_track input, #add_track select, #add_track textarea, #add_track .ui-multiselect{
     background: #f5f6f8 !important;
     border: none !important;
 }
 #search-container-expand input, #search-container-expand select, #search-container-expand textarea, #search-container-expand .ui-multiselect{
     background: #f5f6f8 !important;
     border: none !important;
 }
 #ask_input{
     background: #f5f6f8 !important;
     border: none !important;
 }
 
 #edit_candidate .edit_can_vendor, #edit_candidate #can_ven_cont {
     float: left;
     width: 47%;
 }
 
 #edit_candidate #can_v_t_c_person {
     width: 100%;
     float: left;
 }
 
 #edit_candidate #can_v_t_contact {
     width: 90%;
     float: left;
 }
 
 #edit_candidate .contact_plus {
     float: left;
     width: 5%;
     padding: 9px 0px 0px 5px;
 }
 
 #edit_candidate .can_edit_exp {
     /* width: 65%; */
     float: left;
 }
 
 #edit_candidate .can_edit_exp select {
     float: left;
     width: 45%;
 }
 
 /* Emplyoee Tracker */
 .slider.emp_track {
     background: #fff;
 }
 
 .text-nowrap {
     white-space: nowrap;
 }
 
 .flex-1 {
     flex: 1;
 }
 
 .flex-auto {
     flex: auto;
 }
 
 .flex {
     display: flex;
 }
 
 .align-items-center {
     align-items: center;
 }
 
 .justify-content-start {
     justify-content: flex-start;
 }
 
 .justify-content-end {
     justify-content: flex-end;
 }
 
 .space-between {
     justify-content: space-between;
 }
 
 .clear-both {
     clear: both;
 }
 
 .table-responsive {
     box-sizing: border-box;
     overflow: auto;
     width: 100%;
     clear: both;
     float: left;
     padding-right: 1px;
 }
 
 .border-0 {
     border: 0 !important;
 }
 
 .height-auto {
     height: auto !important;
 }
 
 .line-height-normal {
     line-height: normal !important;
 }
 
 /* Div table structrue :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
 
 /* #div-table-wrapper.div-table {
     width: 100%;
     display: table;
 }
 
 #div-table-wrapper.div-table .div-table-row {
     display: table-row;
     text-align: left !important;
     width: 100% !important;
     float: none !important;
 }
 
 #div-table-wrapper.div-table .div-table-row .col {
     display: table-cell;
     padding: 10px 5px !important;
     width: auto !important;
     float: none !important;
     text-indent: 0;
     white-space: nowrap;
     line-height: normal;
     border-bottom: 1px solid #DDDDDD;
 } */
 
 /* #div-table-wrapper.div-table .div-table-row.inline-table {
     display: table;
     width: 100%;
 } */
 
 /* #div-table-wrapper.div-table .div-table-row.inline-table .col {
     display: table-column-group;
 } */
 
 
 /* Div table structrue end :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
 
 .border-box {
     box-sizing: border-box !important;
 }
 .display-block {
     display: block;
 }
 
 .text-center {
     text-align: center !important;
 }
 
 .text-left {
     text-align: left !important;
 }
 
 .text-right {
     text-align: right !important;
 }
 
 .table-border {
     border: 1px solid #ccc;
     margin-top: 10px;
 }
 
 .table-border td {
     border-bottom: 1px solid #DDDDDD;
 }
 
 #list-resume-search .result-set .result-set-item {
     padding: 10px;
 }
 
 .paging-fl {
     float: left;
     font-size: 12px;
 }
 
 #daily-report-main .row.cls_opt {
     top: 0;
     padding-top: 5px;
     padding-bottom: 5px;
     font-size: 12px;
 }
 
 input[type=number].ord_menu {
     margin: 0;
     padding: 0 5px;
     width: 80px;
     height: 23px;
     top: 0;
 }
 
 .table-responsive table tbody td {
     padding: 12px 6px !important;
     /* border-bottom: 1px solid #ddd; */
 }
 
 .table-responsive table tbody td.sub-menu-spacer {
     padding-left: 10px !important;
 }
 
 .table-responsive table tbody td.sub-menu-spacer_2 {
     padding-left: 20px !important;
 }
 
 .clear-both {
     clear: both;
 }
 
 .w-200 select {
     width: 200px;
 }
 
 .table-responsive table tr td,
 .home-todo-list table tr td {
     background: #8285e10f;
     cursor: default;
 }
 
 .table-responsive table tr:hover td {
     background: #8285e12e !important;
 }
 
 .table-responsive .hightlight:hover, .table-responsive .active {
     color: #1e0000 !important;
 }
 
 #vendors-list .table-responsive .hightlight:hover a, #vendors-list .table-responsive .active a {
     color: #0066ff !important;
 }
 
 .opening-report .paging-fl {
     position: relative;
     padding-top: 10px;
 }
 
 .table-responsive td.red_txt {
     text-align: center !important;
 }
 
 .types {
     display: inline-block;
     width: 100%;
 }
 
 .vendor-history .info_v .row .title,
 .candidate-history .info .row .title {
     width: 144px;
 }
 ScrollDiv
 .vendor-history .info_v .row .spacer,
 .candidate-history .info .row .spacer {
     width: 10px;
 }
 
 .candidate-history .info {
     font-size: 12px;
 }
 .candidate-history .info .row .role_text {
     max-width: 66%;
 }
 
 .err_bg, .red_txt, .i_req, .table-responsive table tbody td.red_txt {
     color: #900;
     font-size: 12px !important;
     font-weight: 600 !important;
 }
 div#dialogbox .txt_normal.red_txt {
     padding: 10px;
 }
 
 .add-remove-employees .slimScrollDiv {
     max-height: 350px !important;
     min-height: 200px !important;
     height: auto !important;
     overflow: auto !important;
 }
 
 .add-remove-employees .slimScrollDiv .task-form {
     height:100% !important;
 }
 
 .add-remove-employees .slimScrollBar {
     display: none !important;
 }
 
 .home-todo-list-alert {
     display: block;
     width: 100%;
     padding-top: 5px;
 }
 
 .home-todo-list table tr td {
     padding: 5px !important;
     vertical-align: top;
 }
 
 .detail-row-column .title {
     width:35%;
 }
 .row.flex.margin_b_10 {
     gap: 10px;
 }
 .title.bold {
     font-size: 14px;
 }
 
 .detail-row-column .spacer {
     width: 2%;
     padding-left: 10px;
     padding-right: 10px;
     text-align: center;
     font-weight: bold;
 }
 
 /* .detail-row-column .text {
     width: 68%;
 } */
 
 .detail-summary > div {
     font-size: 12px;
     margin-bottom: 10px;
 }
 
 .table-fixed-header {
     float: left;
     max-height: 300px;
     overflow-y: scroll;
 }
 .table-fixed-header table tr {
     vertical-align: top;
 }
 .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;
 }
 .skilltext {
     background-color: #FFFF88;
     font-weight: bold;
 }
 .trg {
     display: block;
     margin: -14px 0px 0px 0px;
     text-align: center;
 }
 .accor_css{
     padding: 7px !important;
     font-size: 11px !important;
     font-family: inherit !important ;
     color: #0072ff !important;
 }
 .team-border{
     padding: 5px 5px;
     border: 1px solid #e7e7e7 !important;
     margin-top: 5px;
 }
 
 .team-bor1{
     padding: 4px 2px;
     font-size: 12px;  
     margin-top: 5px;
 }
 .click-mre{
     margin-top: 11px;
    
     text-align: right;
     color: #0066ff;
     cursor: pointer;
 
 }
 .team_trg_head{
     margin-bottom: 12px;
     display: block;
 }
 li{
     list-style: none;
 
 }
 .showless-hide{
     display: none;;
 }
 
 /* recipient */
 .recipient-group {
     clear: both;
 }
 
 .recipient-group ul#nav li a {
     background: #f9f8f8;
     color: initial;
     display: block;
 }
 
 .recipient-group ul#nav li ul {
     border: 1px solid #d5d5d5;
 }
 
 .recipient-group ul#nav li ul #scrolled {
     display: flex;
     flex-wrap: wrap;
     max-height: 150px;
     height: inherit;
     padding: 10px;
     gap: 5px;
 }
 
 .recipient-group ul#nav li ul #scrolled li {
     display: flex;
     height: auto;
     border: 1px solid #dfdfdf;
     border-radius: 4px;
     padding: 0;
 }
 
 .recipient-group ul#nav li ul #scrolled li .name {
     padding: 5px 10px;
 }
 
 .recipient-group ul#nav li ul #scrolled li .acc_sub1 {
     float: none;
     position: relative;
     right: auto;
     top: auto;
     background-color: #f6f5f5;
     display: flex;
     align-items: center;
 }
 
 .recipient-group ul#nav li ul #scrolled li .acc_sub1 a {
     display: inline-block;
     background: transparent;
     padding: 0 7px;
 }
 
 .recipient-group ul#nav li ul #scrolled li .acc_sub1 a:last-child {
     padding-left: 0;
 }
 .add-remove-recipient .slimScrollDiv {
     max-height: 250px !important;
     min-height: 330px !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 1fr;
     width: 100% !important;
     gap: 10px;
     padding-top: 20px;
     margin-top: 30px;
 }
 div#div-new-events.button-save {
     align-items: center;
 }
 /* .add-remove-recipient  {
     padding-top: 20px;
 } */
 /*.slimScrollDiv {
     height: ;
 }*/
 .add-remove-recipient .slimScrollBar {
     display: none !important;
 }
 .rec-group-wrapper {
     float: left;
     width: 100%;
     background-color: #fbfbfb;
     margin-bottom: 10px;
     padding: 10px;
     border-radius: 5px;
     padding-bottom: 0;
     box-sizing: border-box;
 }
 .rec-group-title {
     padding: 0 0px 10px 15px;
     
     /* margin-bottom: 10px; */
     font-size: 12px;
 }
 table#jobListing td div {
     white-space: normal !important;
 } 
 
 div.highlightResult span {
     font-size: 12px;
     font-weight: bold;
     margin-right: 10px;
 }
 .highlightResult {
     margin-top: 15px;
 }
 .highlightSkillsText span {
     font-size: 12px;
     font-weight: bold;
     margin-right: 10px;
 }
 .p_align{
     width: 11%;
 }
 input#add_egroup {
     float: right;
     margin: 10px;
 }
 .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;
 
 }
 .add_individual{
     color: blue; 
     cursor: pointer; 
     text-decoration: underline;
 }
 
 button#addvalidate_grp.add-emails {
     position: absolute;
     top: 56px;
     right: 90px;
 }
 
 .rec-group-title {
     display: flex;
     align-content: center;
 }
 
 /* Job Posting css added DT -- 06/05/2023 */
 .wAcss{
     padding: 10px 5px !important;
       text-align: left !important;
       font-size: 12px;
   }
   .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:  "Lexend", 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: 15px;
       font-weight: bold;
       color: #2e2d2d;
       border: solid 1px #bbbabb;
       border-radius: 6px;
       margin-bottom: 18px;
   }
   .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;
   }
   
   
   /* Mark input boxes that gets an error on validation: */
   input.invalid {
     background-color: #ffdddd;
   }
   
   /* Hide all steps by default: */
   .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;
   }
   
 
 span.v-mails {
     color: #b54646;
     font-weight: 600;
     
 }
 button#addval_grp.add-emails {
     position: absolute;
     top: 56px;
     right: 214px;
 }
 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;
 }
 button.button_small.button-blue.import-save {
     position: relative;
     top: -40px;
 }
 input#emailUpload {
     margin-top: 15px;
 }
 
 div.pagelink{
     margin-bottom: 8px;
 }
 
 .source-css{
     font-weight: 900;
     font-size: 16px;
     background:linear-gradient(to right, #123559 55%, #5d89b4 43%);
     -webkit-background-clip:text;
     -webkit-text-fill-color: transparent;
     cursor:pointer;
 }
 .m_user h3.user_head{
     color: green;
 }
 ul.m_assign_li {
     display: flex;
     flex-flow: wrap;
 }
 
 ul.m_assign_li li.menu_assign {
     width: 20%;
     padding: 6px 0;
     font-size: 12px;
 }
 input#in_tardet {
     float: right;
     margin: 10px;
 }.col.wid_100p {
     padding-bottom: 10px;
 }
 
 /* The Assigned Menu List: */
 .menu-list-container {
     font-size: 11px;
 }
 .menu-list-container ul.main-menu {
     /* display: flex;
     flex-wrap: wrap; */
     gap: 20px;
     padding-left: 15px;
 }
 .menu-list-container li {
   padding: 5px;
 }
 ul.sub-menu {
     border-bottom: 1px solid #ddd;
 }
 li.first-menu {
     font-weight: 800;
 }
 li.second-menu {
     font-weight: 600;
 }
 ul.ssub-menu li {
     list-style: unset;
 }
 ul.ssub-menu {
     padding-left: 40px !important;
 }
 ul.sub-menu li {
     list-style: none;
 }
 .menu-list-button {
     float: right;
     position: sticky;
     top: 410px;
     right: 10px;
 }
 div#login_msg {
     font-size: 11px !important;
     color: red !important;
 }
 .txt_narmal.doc {
     padding-top: 15px;
 }
 .home-todo-list  {
     width: 100%;
 }
 .row.summary {
     padding-top: 7px;
 }
 .rigthside-btn {
     display: flex;
     justify-content: flex-end;
 }
 #location select#s_location {
     width: 100% !important;
 }
 .country-access {
     display: grid;
     width: 100%;
     grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
     row-gap: 13px;
 }
 
 .search_adv-search {
     cursor: pointer;
    
 }
 .adv-search {
     border: 1px solid #368EE0;
     border-radius: 5px;
     padding: 5px;
     background-color: #F9FCFF;
     cursor: pointer;
 }
 .blue-color {
     color: #0072ff;
 }
 .row.candidate-mapping {
     display: flex;
     justify-content: space-between;
     margin: 0 auto;
     width: 100%; /* old 90% */
 }
 div#container input#file-upload {
     border: 2px solid #128DFF ;
     padding: 10px;
     border-radius: 3px;
     border-style: dashed;
     cursor: pointer;
     font-size: 13px !important;
 }
 #fileerror {
     padding-top: 5px;
     font-size: 12px;
     color:#C80000;
 }
 .mapping-field {
     width: 50%;
 }
 .notes-right ul li {
     list-style-type: disc !important;
     padding-bottom: 15px;
     line-height: 19px;
 }
 .redtext-notes{
     font-size: 13px;
     color: #C80000;
     font-weight: 600;
 }
 .notes-right {
     padding-top: 0px;
     /* line-height: 45px; */
 }
 .notes_title {
     font-size: 15px;
     color: #0083FE;
     line-height: 40px;
 }
 a.button-btn-reset {
     background-color: #EEEEEE;
     color: black !important;
     border: 1px solid #ddd;
 }
 a.button-btn-reset:hover {
     background-color: white !important;
 }
 .button-btn-reset:hover {
     background-color: transparent !important;
 }
 a.button-blue.button_small.bold.button-btn-reset:focus {
     background-color: transparent !important;
 }
 .table-responsive.map-columns td {
     line-height: 20px;
 }
 div#container input#file-upload:active,div#container input#file-upload:focus {
     border: 2px dashed #128DFF !important ;
 }
 .btn-align {
     position: absolute;
     /* top: 0; */
     bottom: 0;
     z-index: 9999;
     left: 50%;
     transform: translateX(-50%);
 }
 .rightside-btn {
     display: flex;
     justify-content: flex-end;
 }
 .red-text {
     text-align: right;
 }
 .rs-row {
     display: flex;
     gap: 20px;
     justify-content: space-between;
 }
 .no-candidates-msg{
     margin-left:10px;
     color: #41873F!important;
     font-size: 13px !important;
     font-weight: 500 !important;
     text-decoration: none !important; 
     cursor:pointer;
     margin: 0;
     border: 1px solid #41873F;
     border-radius: 3px;
     padding: 8px;
     background-color: #DEF8DE;
 }
 
 .img-position img {
     position: absolute;
 }
 .resume_search_flex {
     display: flex;
     gap: 20px;
     justify-content: space-between;
 }
 /* add user */
 select#recuriter {
     width: 45%;
 }
 select#portal_type {
     width: 45%;
 }
 input#total_count {
     width: 45%;
 }
 div#addtrackpopup {
     /* width: 99% !important; */
     overflow: scroll;
     height: 100%;
     overflow-x: hidden;
     scrollbar-width: none;
     /* scrollbar-color: #000 #eff7ff; */
     background: #edf0f4 !important;
 }
 #updated_resume {
     width: 100%;
 }
 .name.col.position-ab img {
     position: absolute;
     padding-left: 5px;
 }
 .success-msg {
  /* float: right; */
  padding-right: 20px;
  width: 40%;
  padding: 20px;
  border-radius: 5px;
 }
 .rigthside-btn {
     display: flex;
     justify-content: flex-end;
 }
 #location select#s_location {
     width: 100% !important;
 }
 
 
 
 div#create-candidate-toggle {
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 20px 0px 10px 0px
 }
 .click-create:hover{
     background-color: #41873F;
 }
 .no-candidates-msg:hover {
     color: white !important;
     background-color: #41873F;
 }
 .can-gender-design{
     margin-bottom: 10px;
     
 }
 .c_gender{
     top: 2px;
     position: relative;
 }
 .can-qualification-design{
     margin-bottom: 10px;
     width: 46.55%;
     padding: 0;
     margin-left: 9px;
 }
 .position-ab {
     position: absolute;
 }
 select.m_fields {
     float: right;
     margin-right: 10px;
 }
 .country-loc {
     display: flex;
     align-items: flex-end;
     column-gap: 10px;
 }
 .label-mapfield {
     float: right;
     margin-right: 65px;
 }
 div#Showmessage {
     color: red;
 }
 .age_aln{
     width: 23%;
 }
 li.num.active {
     color: white;
     background: orange;
 }
 
 div#selectedValuesContainer {
     width: auto;
     white-space: nowrap;
     overflow-x: auto;
 }
 #selectedValuesContainer table.paginate.callhistory {
     width: auto !important;
     overflow-x: auto;
 }
 .doc_addnew {
     padding: 15px;
     /* border-bottom: 1px solid #ddd; */
     /* height: 50px; */
     width: fit-content;
     border: 1px solid #e0e0e0;
      border-radius: 8px;
      background: #eff7ff;
   margin: auto;
 
 }
 .doc_download_row {
         display: flex;
         align-items: center;
         justify-content: space-between;
         padding: 1rem;
         border: 1px solid #e0e0e0;
         margin-bottom: 1rem;
         border-radius: 8px;
         transition: all 0.2s ease;
         width: 35%;
 }
 .doc_download_row:hover{
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   transform: translateY(-1px);
 }
 .excel_export {
     background:#EEF8F1 ;
     padding: 7px;
     border-radius: 3px;
     border: 1px solid #216E3A;
     margin-left: 20px;
 }
 .excel_export a {
     color: #216E3A;
     text-decoration: none;
 }
 .user-desig-list{
     height:200px; 
     overflow:auto;
     padding-top: 20px;
 }
 .user-desig-list ol li{
     margin-bottom: 10px;
 }
 .user-desig-list ol {
 column-count: 2;
 }
 .table_section {
     width: 100%;
     display: grid;
     grid-template-columns: 1fr 1fr;
     column-gap: 40px;
     row-gap: 20px;
     justify-content: center;
 }
 /* .table_scroll {
     overflow: auto;
     height: 250px !important;
 } */
 .table_scroll {
     overflow: auto;
     height: 171px !important;
     background: white;
 }
 .table_scroll table tbody td  {
     padding: 7px 5px !important;
     border-bottom: 1px solid #ddd;
 }
 .table_scroll table {
     border: 1px solid #ddd;
 }
 
 /* leave pages */
 .btn-popup {
     background: #325FA8;
     color: white !important;
     padding: 6px 14px;
     border-radius: 3px;
     text-decoration: none !important;
 }
 #leave-history-list .widget #calhead .col, .widget #calbody .col {
     padding: 0px 3px !important;
 }
 select.leave-h {
     width: 100% !important;
 }
 input.leave_tp_2 {
     position: relative;
     top: 2px;
 }
 .leave_mode_t .widget #calhead .col, .widget #calbody .col {
     padding: 0px 3px !important;
 }
 .leave_list-popup.widget #calhead .col, .widget #calbody .col {
     padding: 0px 3px !important;
 }
 table.leave_entry td {
     padding: 4px 5px !important;
 }
 .leave_entry td.btu_ar {
     text-align: right !important;
 }
 .country_grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 10px;
 }
 .emp_leave {
     gap: 15px;
 }
 .leaves-btn li {
     width: auto !important;
     padding: 5px;
     height: auto;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: space-between;
 }
 
 .call-image {
     width: 50px;
     height: 50px;
     background: #ddd;
     border-radius: 50%;
 }
 .call-details h2 {
     font-size: 25px;
     font-weight: 600;
     margin: 0 ;
    
 }
 .phone-call {
     display: flex;
     gap: 12px;
     padding: 5px 20px 20px 20px;
     align-items: center;
     /* border-bottom: 2px solid #c8c8c8; */
 }
 .call-details .number {
     font-size: 14px;
 }
 .notes-call textarea {
     width: 99%;
     height: 70px;
     border: 1px solid #ddd;
     border-radius: 3px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: medium;
     
 }
 .notes-call {
     margin-top: 20px;
 }
 .call-button-end {
     width: 100%;
     padding: 10px;
     color: white;
     background-color: #BC362E;
     border: 0;
     border-radius: 2px;
     cursor: pointer;
 }
 .add_tags input {
     width: 90%;
     padding: 10px;
     margin: 20px auto;
     border: 1px solid #ddd;
     border-radius: 2px;
 }
 .add_tags {
     border-bottom: 2px solid #c8c8c8;
 }
 .add_reason {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-top: 10px;
 }
 .add_reason select {
     border: 0;
 }
 .out_come {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding-bottom: 10px;
     border-bottom: 2px solid #c8c8c8;
 }
 .out_come select {
     border: 0;
 }
 .gen-input  {
     display: flex;
     gap: 40px;
 }
 .cust-cntry select {
 width: 100%;
 }
 .cust-cntry .cust-city select {
     width: 160px !important;
 }
 
 /* #candidate_column_sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
 #candidate_column_sortable li {display: flex; align-items: center; margin: 0 3px 6px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 12px; height: 18px; }
 #candidate_column_sortable li span {margin-left: -1.3em; }
 #candidate_column_sortable li:hover { background-color: #ebebeb; } */
 
 #candidate_column_sortable,
 :where(#customer_column_sortable,#account_column_sortable) { list-style-type: none; margin: 0; padding: 0; width: 100%; }
 #candidate_column_sortable li,
 :where(#customer_column_sortable,#account_column_sortable) li { margin: 0 3px 6px 3px;  padding: 8px 5px 8px 1em; font-size: 13px; height: 40px;position: relative;background-color: #8285e10f; border-radius: 3px;display: flex;align-items: center; gap: 5px;color: #000;}
 /* #customer_column_sortable li span { position: absolute; margin-left: -1.3em; } */
 #candidate_column_sortable li:hover ,
 :where(#customer_column_sortable,#account_column_sortable) li:hover { background-color: #8285e126;padding: 5px 5px 5px 1.1em;}
 #candidate_column_sortable li input,
 :where(#customer_column_sortable,#account_column_sortable) li input{cursor: pointer;}
 :where(#customer_column_sortable,#candidate_column_sortable,#account_column_sortable) li img{position: absolute;right: 15px; transform: rotate(90deg);}
 :where(#customer_column_sortable,#account_column_sortable){max-height: 330px;height: 320px;}
 :where(#cus_manage_columns,#can_manage_columns){display: flex;flex-direction: column-reverse;}
 #dropArea {
     border: 2px dashed #6d5de7;
     border-radius: .75rem;
     text-align: center;
     color: #aaa;
     padding: 20px;
     border-width: 1px;
     padding-top: 50px;
 }
 #dropResumeArea{
         border: 2px dashed #6d5de7;
         border-radius: .75rem;
         text-align: center;
         color: #aaa;
         padding: 22px;
         padding-bottom: 22px;
         border-width: 1px;
         padding-top: 30px;
         width: 60%;
         margin-top: 25px;
         padding-bottom: 0px !important;
         height: 250px;
         cursor: pointer;
 }
 .highlight {
     border-color: #000;
     color: #000;
 }
 #resume-parser-resume-upload{
     display: flex;
      align-items: center;
     /* grid-gap: 15PX; */
     /* width: 91%; */
     border: 1px solid #fff;
   border-radius: 10px;
   background: #fff;
   margin: 0px 0px 10px 0px;
   padding: 4px;
     padding-left: 4px;
   align-items: center;
   justify-content: space-between;
   width: 30%;
 }
 #resume-file-upload{
     display: flex;
      align-items: center;
     border: 1px solid #fff;
     border-radius: 10px;
     background: #fff;
     margin: 0px 0px 10px 0px;
     padding: 4px;
     padding-left: 4px;
     align-items: center;
     justify-content: space-between;
     width: 20%;
 }
 #ExitContactDialogFooter{
     position: relative;
     bottom: 0;
     right: 0;
     height: 45px;
     margin-right: 15px;
     text-align: center;
 }
 #ExitContactDialogBody{
     margin-top: 35px;
     font-size: 15px;
     padding: 15px;
 }
 
 #errMessage{
     display: flex;
     flex-direction: column;
     grid-gap: 10px;
 }
 
 .ck-restricted-editing_mode_standard {
     height: 200px;
 }
 
 .ck.ck-editor {
     margin-top: 5px !important;
 }
 /* .cust_edit_aln{
     display: grid;
     grid-template-columns: 2fr 3fr;
     width: 100%;
     margin-top: 10px; 
 } */
 .c_title.blue_txt.bold.border_b_dk.track_aln {
     padding-bottom: 10px;
     margin-bottom: 10px;
     margin-top: 10px;
     padding-left: 10px;
 }
 .name.col.padding_r_5.pad_b_5.agreement_aln {
     margin-left: 20px;
     margin-top: 25px;
 }
 .skill-list-top-form-right.call-stages-button {
     float: right;
     position: relative;
     top: -21px;
 }
 .s_type_aln {
     margin-top: -33px;
     margin-left: 450px;
 }
 #sentmail_aln{
     font-size: 13px;
     font-weight: bold;
     margin-top: 30px
 }
 #emailBouncedList{
     display: grid;
     gap: 10px;
     margin-top: 10px;
     width: 100%;
     grid-template-columns: repeat(auto-fill, minmax(33%, 3fr));
 }
 #emailBouncedList span{
     background: #fff;
     float: left;
     margin: 1px;
     padding: 2px 5px;
     font-size: 13px;
     background-color: #deeaf5;
     border: 1px solid #123f68;
     border-radius: 8px;
     padding: 5px 8px;
     color:#123f68;
     font-weight: 600
    }
 
 
 @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
 
 
 td.action1 .flex {
     gap: 4px;
 } 
 
 td.action1 .flex i {
     font-size: 14px;
     color: #368ee0 !important;
 }
 
 .h-60 {
     height: 60px;
 }
 .w-25px {
     width: 25px;
 }
 
 .btn-outline-upload-job-info {
     color: #212529 !important;
     background-color: transparent !important;
     border-color: #ddd !important; 
 }
 .w-fit-content {
     width: fit-content !important;
 }
 table thead th a,
 table thead th a:hover{
     color: #fff !important;
     font-size: 14px;
     font-weight: 500 !important;
 }
 .ui-dialog{
 border-radius: 10px !important;
 padding: 10px !important;
 }
 
 label,button,a{ 
     font-family:  "Lexend", sans-serif;
 }
 .mt-18px{
     margin-top: 18px;
 }
 
 h1,h2,h3,h4,h5,h6,p,a,ul,li,span{
     font-family: "Lexend", sans-serif !important;
 }
 
 .job-opening-forms .d-flex.w-100 .col-4 {
     width: 32.7%;
 }
 /* .job-opening-forms .d-flex.w-100 {
     gap: 9.5px !important;
 } */
 .job-opening-forms .d-flex.w-100 .col-3{
     width: 24.5%;
 }
 .job-opening-forms .d-flex.w-100 .col-6{
     width: 49.5%;
 }
 .pageing_numbers.paging_selected{
     background-color:  #7f82dd !important; 
     color: #ffffff !important;
 }
 .pageing_numbers.paging_selected:hover{
     color: #ffffff !important;
 }
 .h-fit-content{
 height: 100% !important;
 }
 .w-20px{
     width: 20px;
 }
 .w-35px{
     width: 35px;
 }
 .w-75px{
     width: 75px;
 }
 .font-12 {
     font-size: 12px;
 }
 .job-opening-report tbody tr td img{
     width: 20px;
 }
 
 .h-35{
     height:35px;
 }
 .h-300{
     height:300px !important;
 }
 .h-20px{
     height:20px;
 }
 .h-100px{
     height:100px;
 }
 
 .no-resize {
     resize: none;
 }
 
 .h-75{
     height:75px;
 }
 .w-85{
     width: 85%;
 }
 
 .w-82{
     width: 82%;
 }
 .w-44{
     width: 44%;
 }
 .w-78 {
     width: 78%;
 }
 .w-96{
     width: 96%;
 }
 .w-20{
     width: 20%;
 }
 .w-90{
     width: 90%;
 }
 .w-94{
     width: 94%;
 }
 .show_recipients{
     overflow-x: hidden;
     max-height: 150px;
 }
 .listpage_al{
     max-height: 350px !important;
     overflow-y: auto;
     overflow-x: hidden;
     padding: 15px 8px;
 }
 .listpage_al li:nth-child(1){
     position: absolute;
     top: 70px;
 }
 .useraction_scroll{
     overflow-y: auto;
     max-height: 320px;
 }
 #dialog-permission .useraction_scroll .task-form{
     max-height: 100% !important;
 }
 .CanModal_scroll{
     max-height: 700px;
     overflow-y: scroll;
 }
 /* .editstatus_scroll{
     max-height: 180px !important;
     overflow-x: hidden;
    
 } */
 .ck-restricted-editing_mode_standard::-webkit-scrollbar,
 .scrollbar::-webkit-scrollbar,
 :where(#addEdit,#addEditcontactForm) .dialog-body::-webkit-scrollbar,
 #client-dialog .dialog-body::-webkit-scrollbar,
 .useraction_scroll::-webkit-scrollbar,
 .editstatus_scroll::-webkit-scrollbar,
 .CanModal_scroll::-webkit-scrollbar,
 .listpage_al::-webkit-scrollbar,
 .show_recipients::-webkit-scrollbar,
 #calbody::-webkit-scrollbar,
 .event_scroll::-webkit-scrollbar,
 .ui-sortable::-webkit-scrollbar,
 .table_scroll::-webkit-scrollbar {
   width: 5px; 
   height: 3px;
 }
 .scrollbar.client-review-popup::-webkit-scrollbar{
     width: 2px; 
     height: 2px;
 }
 .ck-restricted-editing_mode_standard::-webkit-scrollbar-track,
 .scrollbar::-webkit-scrollbar-track,
 :where(#addEdit,#addEditcontactForm) .dialog-body::-webkit-scrollbar-track,
 #client-dialog .dialog-body::-webkit-scrollbar-track,
 .useraction_scroll::-webkit-scrollbar-track,
 .editstatus_scroll::-webkit-scrollbar-track,
 .CanModal_scroll::-webkit-scrollbar-track,
 .listpage_al::-webkit-scrollbar-track,
 .show_recipients::-webkit-scrollbar-track,
 #calbody::-webkit-scrollbar-track,
 .event_scroll::-webkit-scrollbar-track,
 .ui-sortable::-webkit-scrollbar-track,
 .table_scroll::-webkit-scrollbar-track{
   background: #8285e12e ; 
 }
 .ck-restricted-editing_mode_standard::-webkit-scrollbar-thumb,
 .scrollbar::-webkit-scrollbar-thumb,
 :where(#addEdit,#addEditcontactForm) .dialog-body::-webkit-scrollbar-thumb,
 #client-dialog .dialog-body::-webkit-scrollbar-thumb,
 .useraction_scroll::-webkit-scrollbar-thumb,
 .editstatus_scroll::-webkit-scrollbar-thumb,
 .CanModal_scroll::-webkit-scrollbar-thumb,
 .listpage_al::-webkit-scrollbar-thumb,
 .show_recipients::-webkit-scrollbar-thumb,
 #calbody::-webkit-scrollbar-thumb,
 .event_scroll::-webkit-scrollbar-thumb,
 .ui-sortable::-webkit-scrollbar-thumb,
 .table_scroll::-webkit-scrollbar-thumb {
   background: #8285e182 ;
   border-radius: 100px !important;
 }
 .ck-restricted-editing_mode_standard::-webkit-scrollbar-thumb:hover,
 .scrollbar::-webkit-scrollbar-thumb:hover,
 :where(#addEdit,#addEditcontactForm) .dialog-body::-webkit-scrollbar-thumb:hover,
 #client-dialog .dialog-body::-webkit-scrollbar-thumb:hover,
 .useraction_scroll::-webkit-scrollbar-thumb:hover,
 .editstatus_scroll::-webkit-scrollbar-thumb:hover,
 .CanModal_scroll::-webkit-scrollbar-thumb:hover,
 .listpage_al::-webkit-scrollbar-thumb:hover,
 .show_recipients::-webkit-scrollbar-thumb:hover,
 #calbody::-webkit-scrollbar-thumb:hover,
 .event_scroll::-webkit-scrollbar-thumb:hover,
 .ui-sortable::-webkit-scrollbar-thumb:hover,
 .table_scroll::-webkit-scrollbar-thumb:hover {
   background: #555;
 }
 /* .event_scroll{
     overflow-y: scroll;
     height: 500px;
 } */
 
 .border-inherit,.border-inherit:hover {
     border-color: inherit !important;
     font-size: 14px;
     text-decoration: none;
 }
 
 span.border-inherit{
     cursor: default;
 }
 
 .btn.btn-outline-blue,
 .btn.btn-outline-blue:hover{
     color: #368ee0;
     border: 2px solid #368ee0;
     text-decoration: none;
 }
 
 .text-decoration:hover{
     text-decoration: none;
 }
 
 header h2 a,
 header h2 a:hover{
     color: #fff;
     text-decoration: underline;
 }
 .form.client .d-flex.w-100 .col-4{
     width: 32.5%;
 }
 .form.client .d-flex.w-100 .col-6{
 width: 49.5%;
 }
 .notes-out-box{
     border: 1px solid #cee4ff !important;
     background-color: #f1f8ff70 !important;
     height: fit-content;
 }
 .w-18px {
     width: 18px;
 }
 .Contact-mode-dashbord li a,
 .Contact-mode-dashbord li span{
    width: 125px;
    height: 100%;
    text-decoration: none;
 }
 .Contact-mode-dashbord li a:hover :where(h5,h6){
      color: #0648a0 !important;
 }
 .clients-followups-list{
     max-height:200px;
      overflow:auto;
 }
 .call_stg_stc {
     display: grid;
     grid-template-columns: 1fr 1fr;
     column-gap: 40px;
 }
 .w-170{
     width: 170%;
 }
 .pl-400{
     padding-left: 400px
 }
 .pg_color{
     background-color: rgb(244, 247, 248) !important;
 }
 .bulkmail_back {
 background: #fff;color: #005591;
 border: 1px solid #b6cee6;
 border-radius: 3px;
 margin: 1px;padding: 2px 5px;
 }
 .p_b_13px{
     padding-bottom: 13px !important;
 }
 .ms-35{
     margin-left: 35%;
 }
 .color_red{
 color:red;
 }
 .mb5{
 margin-left: -5px;
 }
 
 .notes-out-box b{
     color: #0e61aa;
 }
 #opn-match .message.info{
     margin-top: 8px;
 }
 
 .toastify{
     font-family: "Lexend", sans-serif !important;
     font-size: 14px !important;
     border-radius: 8px !important;
 }
 
 .toastify button{
    margin-left: 8px;
 }
 
 .toastify.bg-warning {
     background: #ffc107 !important;
 }
 
 .toastify.bg-danger {
     background: #dc3545 !important;
 }
 
 .toastify.bg-success {
     background: #198754 !important;
 }
 
 .ui-sortable{
     max-height: 400px;
     height: 365px;
     overflow-y: auto;
 }
 
 table.import_table thead th {
     background: transparent !important;
     color: #3b3a3a;
     border-bottom: 1px solid;
 }
 
 table.import_table tbody tr.fw-bold td {
     font-weight: 600;
 }
 .confirmation_text_aln{
 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
 margin-bottom: 10px;
 }
 .confirm_scroll{
     overflow-y: auto !important;
     overflow-x: hidden !important;
     max-height: 700px !important;
 }
 .w-16{
     width: 16%;
 }
 .mt-6px{
 margin-top: -6px;
 }
 .pl-105px{
 padding-left: 105px;
 }
 .color_sblue{
 color: #2b85e2;
 }
 .emp_status{
 position: relative;
 top: 1px;
 }
 .emp_status_scroll{
 overflow-y: auto !important;
 overflow-x: hidden !important;
 max-height: 400px !important;
 width: 600 !important;
 }
 .emil_list_aln{
 background: #fff;color: #005591;
 border: 1px solid #b6cee6;
 border-radius: 3px;
 float: left;
 margin: 1px;
 padding: 2px 5px;
 font-size: 12px;
 margin-top: 5px;
 margin-right: 5px;
 }
 .color_green{
     color: green;
 }
 .w-40{
     width: 40%;
 }
 .emp_status_lable{
     padding-left: 125px;
     margin-top: -20px;
     font-size: 14px !important;
 }
 .pad_r-215{
 padding-right: 215px !important;
 }
 
 #header-main{
     border: 2px solid #8285e178;
     border-top: none;
     border-left: none;
     border-right: none;
     /* padding: 0.5rem 0; */
 }
 
 #sub-menu ul li a img{
     filter: brightness(0) saturate(100%) invert(0%) sepia(46%) saturate(7320%) hue-rotate(28deg) brightness(163%) contrast(84%);
 }
 .editstatus_block_aln{
     margin-top: -3px;
     padding-left: 6px;
 }
 .ms-12px {
 margin-left: -12px;
 }
 .ms-30px {
     margin-left: 30px;
     }
  .ms-149px {
     padding-left: 149px !important;
  }
  .columngap_40px{
  column-gap: 40px;
  }
  .ms_150px{
  margin-right: 150px;
  }
  .emp_status_label {
     margin-left: 135px;
     margin-top: -18px !important;
  }
  .w-66{
     width: 63%;
  }
  .ms-20px{
     margin-left: 20px;
  }
 
  #search-container-client .col-3.d-flex.flex-column {
     width: 32%;
 }
 
 .d-name{
     background-color: #b4b6f721; 
     padding: 6px; 
     margin-right: 1px;
     padding-left: 15px;
     display: inline-block; 
     
 }
 
 .d-pad{
     padding: 5px 5px !important;
     font-size: 15px !important;
 }
 .w-45{
   width: 50px; 
   padding-bottom: 20px; 
 }
 #message-area{
     display: flex; 
     justify-content: center; 
     align-items: center; 
     margin: 0 auto;
     width: 600px;
 }
 .w-18{
     width: 18% !important;
 }
 .w-216px{
     width: 216px;
 }
 .mt-12px{
     margin-top: -12px;
     }
 .mytrack_can_aln{
     margin-top: 40px;
     margin-bottom: 10px;
  } 
  .mytrack_table_{
     margin-left: -43px;
     width: 107% !important;
  }
 .w-106{
     width: 106%
 }
 .mt18px{
 margin-top: -18px !important;
 }
 .action_delte_aln{
     padding-left: 20px;
     padding-right: 20px;
 }
 
 #client-dialog .dialog-body{
     height: 100%;
     max-height: 85vh;
     overflow-y: scroll;
     scrollbar-width: none;
     /* border:1px solid #ccc; 
     border-top:0px solid #ccc; */
 }
 .ui-dialog #cusdialog.ui-dialog-content ,
 .ui-dialog .client-view-dialog.ui-dialog-content {
 max-height: fit-content !important;
 }
 
 #agreement{
     overflow-x: hidden;
 }
 .ui-dialog :where(#addEditcont,#addEdit).ui-dialog-content{
     max-height: 92vh !important;
 }
 :where(#addEdit,#addEditcontactForm) .dialog-body{
     height: 100%;
     max-height: 78vh;
     overflow-y: auto;
     padding: 5px 12px;
 }
 .addedit-client-form .col-6{
     width: 49.3%;
 }
 .addedit-client-form .col-4{
     width: 32.5%;
 }
 
 ul.ui-sortable li{
     cursor: move;
 }
 
 .dialog-body.Contact-view{
     max-height: 92vh;
     overflow-y: auto;
     overflow-x: hidden;
 } 
 
 .pr_help li{
     font-size: 12px;
     padding: 8px 5px;
 }
 
 /* .client-update-track {
     flex: 0 0 auto;
     width: 24.5%;
 } */
 .client-update-track,
 .scd_det.client-update-track{
     display: grid;
     grid-template-columns: 1fr 1fr 1fr 1fr;
 }
 /* .scd_det.client-update-track .col-4{
     width: 24.3%;
 } */
 .button-blue,.button-blue:focus, .button-blue:active,
 .button-orange, .button-orange:focus, .button-orange:active ,
 .button-gray,.btn.btn-secondary,.button_small{
    background-color: #ffffff !important;
    color: #004cbe !important;
    border: 1px solid #004cbe !important;
    border-color: inherit !important;
    font-size: 14px !important;
    text-decoration: none !important;
    border-radius: 9px !important;
    font-weight: 500;
 }
 
 .button-blue:hover,.blue_button:hover,.button-orange:hover,button.rounded-2:hover, .button-gray:hover,.btn.btn-secondary:hover,.button_small:hover{
     /* background-color: #8285e166 !important;
     border: none !important;
     color: #fff !important; */
     background: #8285e1 !important;
     color: #000000 !important;
     border-color: #8285e1 !important;
     font-weight: 500;
 }
 
 .sidebar-popups {
     width: 54%;
     position: fixed;
     top: 0px !important;
     background: #fff;
     right: 100% !important;
     transition: transform 0.5s ease !important;
     transform: translateX(-150%);
     z-index: 1001;
     height: 100%;
 }
 
 .sidebar-popups.active {
     animation: slideIns 0.5s forwards;
     left: 74px !important;
   right: 28px !important;
 }
 
 @keyframes slideIns {
     0% {
         transform: translateX(-150%);
     }
     100% {
         transform: translateX(-10%);
     }
 }
 
 .sidebar-popups.close {
     animation: slideOuts 0.5s forwards;
 }
 
 @keyframes slideOuts {
     0% {
         transform: translateX(-10%);
     }
     20% {
         transform: translateX(-30%);
     }
     100% {
         transform: translateX(-150%);
     }
 }
 
 .sidebar-popups.inactive {
     right: 100% !important;
     transform: translateX(-150%);
 }
 
 .sidebar-popup {
     width: 91%;
     position: fixed;
     top:0px !important;
     background: #fff;
     left:100% !important;
     transition: transform 0.5s ease !important;
     transform: translateX(150%); 
     z-index: 1001;
     height: 100%;  
 }
 
 .sidebar-popup.active {
     animation: slideInPopup 0.5s forwards;  
     right: 0px !important; 
     left: 0px !important;
 }
 
 @keyframes slideInPopup {
     0% {
         transform: translateX(150%);  
     }
     100% {
         transform: translateX(10%);
     }
 }
 .sidebar-popup.close {
     animation: slideOut 0.5s forwards;
 }
 @keyframes slideOut {
     0% {
         transform: translateX(10%);  
     }
     20% {
         transform: translateX(30%);  
     }
     100% {
         transform: translateX(150%);  
     }
 }
 
 /* .sidebar-popup.active {
     right: 0px !important;
     left: 0px !important;
     height:100% !important;
     transform: translateX(10%);
 } */
 
 .sidebar-popup.inactive {
     left:100% !important;
     transform: translateX(150%); 
 }
 body.no-scroll-conformationPpopup,
 body.no-scroll-popup,
 body.no-scroll {
     overflow: hidden;
 }
 body.no-scroll-conformationPpopup .overlay,
 .no-scroll-popup .overlay,
 .no-scroll .overlay {
     display: block !important;
     position: fixed;
     inset: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
     transition: opacity 0.5s ease;
     /* opacity: .80; */
     pointer-events: all;
     z-index: 1000;
 }
 
 #client-dialog .dialog-footer{
     position: fixed;
     bottom: 0;
     left: 0;
     right: 0;
     background: #fff;
     z-index: 2;
 }
 .contact-tab{width: fit-content;}
 .contact-tab a{font-size: 14px;}
 /* .contact-tab.active,.contact-tab.active:hover{background-color: #7f82dd  !important;border-radius: 12px;} */
 /* .contact-tab:hover{background-color: #7f82dd21  !important;border-radius: 12px;} */
 /* .contact-tab:hover a{font-weight: 700;color: #7f82dd;} */
 /* .contact-tab.active a{font-weight: 700;color: #fff;} */
 .client-review-popup{ overflow-x: auto; max-width: 785px; padding: 3px 8px; width: fit-content;}
 /* .client-review-dialog{height: 350px;overflow-y: scroll;} */
 .client-review-dialog #track_details .c_title_s,
 .fs-18px{ font-size: 18px}
 .client-review-border{border: 1px solid;border-radius: 15px;padding: 0px 3px;width: fit-content;}
 .ui-dialog .ui-dialog-content{overflow-x: hidden !important; overflow-y: hidden !important; }
 .contact-tab.active,
 .contact-tab.active:hover{
     border: 1px solid #87c8f3 !important;
     background-color: #eff7ff !important;
     border-radius: 20px !important;
     color: #000 !important;
 }
 .contact-tab.active a,
 .contact-tab.active:hover a{
     color: #000 !important;
 }
 .custom-confirm {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5); 
     justify-content: center;
     align-items: center;
     z-index: 1004; 
 }
 
 .custom-confirm-content {
     background-color: #fff;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
     max-width: 400px;
 }
 
 .max-h-fit-content{
   max-height: fit-content !important;
 }
 .job-des-popup-view{max-height:150px; max-width:100%; overflow:auto;}
 
   input#no_email {
     display: none;
   }
   input#no_email:checked + .email-notify-btn {
     filter: none;
   }
   input#no_email:checked + .email-notify-btn .dot {
     left: calc(100% - 0.4rem - 1.1rem);
     background-color: #4a6dc6;
   }
   
   .email-notify-btn {
     position: relative;
     width: 3.8rem;
     height: 1.8rem;
     border-radius: 1rem;
     box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.3), inset -2px -2px 5px rgba(255, 255, 255, 0.8);
     cursor: pointer;
   }
   .email-notify-btn .dot {
     position: absolute;
     width: 1.2rem;
     height: 1.2rem;
     left: 0.1rem;
     top: 50%;
     transform: translateY(-50%);
     border-radius: 50%;
     box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3), -3px -3px 6px rgba(255, 255, 255, 0.8);
     transition: all 0.3s;
     background-color: #aab7d9;
     will-change: left, background-color;
   }
   
   @keyframes deco-move {
     to {
       transform: translate(-50%, -50%) rotate(360deg);
     }
   }
   button.rounded-2, 
   button{
     border-radius:9px !important;
     background-color: #ffff;
   }
   .discussions-view{
     display: grid;
     grid-template-columns: 2.5fr 1fr;
     grid-gap: 30px;
   }
 
   .discussions-view #calbody{
     display: flex;
     flex-direction: column;
     gap: 8px;
   }
 .discussion-details-title{
     position: relative;
 }
 .discussion-details-title-icon{
     position: absolute;
     right: -35px;
 }
 
 .ui-dialog #div-new-event.ui-dialog-content{
  max-height: fit-content;
 }
 #calendar .fc-header-center{
     text-align: end !important;
 }
 .fc-event-skin ,
 .fc-event-inner.fc-event-skin{
 background-color: #8285e1 !important;
 border-color: #8285e1 !important;
 padding: 3px 5px;
 border-radius: 8px ;
 }
 
 .ui-widget-content.current-day.fc-today{
     background: #8285e121 !important;
     border: 3px solid #8285e1 !important;
    border-radius: 15px;
 }
 th {
     position: sticky;
     top: 0.5px;
     z-index: 1; 
     /* box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);  */
 }
 .table-responsive{
     max-height: 70vh;
     height: 100%; 
     overflow-y: auto;
     margin-top: 10px;
 }
 .table-responsive table{
   margin-top: 0;
 }
 .table-responsive tbody input[type="checkbox"]{
     display: none;
 }
 .table-responsive tr input[type="checkbox"]:checked  {
     display: block;
 }
 .callStageList table tbody tr input[type="checkbox"],
 .table-responsive tr:hover input[type="checkbox"]{
     display: block;
     cursor: pointer;
 }
 .table-responsive tr{
 border-bottom: 1px solid rgba(255, 255, 255, .06);
 }
 .bc_color{
     background-color: #8285e121 !important;
 }
 .ms-799px{
     margin-right: 799px;
 }
 .btn_aln{
     margin-top: -56px;
         margin-left: 450px;
         /* font-size: 15px; */
     }
 
 .connection .row.left_search-box-1{
     width: 99% !important;
 }
 
 .connection .row.left_search-box-1 :where(input,select){
     border-radius: 5px;
 }
 
 .stage_mapping tbody tr input[type="checkbox"]{
     display: block;
 }
 .stage_mapping tbody tr td{
     font-size: 13px;
 }
 .stage_mapping tbody tr.user-head td{
     font-size: 14px;
     background-color:#8285e13b;
 }.stage_mapping tbody tr.user-head:hover td.active,
 .stage_mapping tbody tr.user-head td.active{
     position: sticky;
     top: 45px;
     z-index: 1;
     background-color: #8285e1 !important;
     border-top: 1px solid #fff !important;
 }
 #searchFormContainer,
 #search-container-client{
     display: none;
 }
 #search-container-client input{
     background: #f5f6f8 !important;
   border: none !important;
 }
 #search-container-client select{
     background: #f5f6f8 !important;
   border: none !important;
 }
 #search-container-client .ui-multiselect{
     background: #f5f6f8 !important;
   border: none !important;
 }
 #searchFormContainer.active,
 #search-container-client.active{
     display: block;
     position: fixed;
     background-color: #fafafa;
     left: 0;
     right: 0;
     top: 0;
     z-index: 1099;
     margin-top: 0;
     overflow-y: auto;
     overflow-x: hidden;
     padding-bottom: 0px;
 }
 #dialog-permission .task-form{
     height: 100% !important;
     max-height: 250px !important;
 }
 #dialog-permission .slimScrollDiv{
     height: 100% !important;
 }
 
 #dialog-permission .user-stage-list{
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
 }
 .w-160{
     width: 160%;
 }
 
 #dialog-permission .user-stage-list .employee-group-listing-group label{
     /* background-color: #8083df1c; */
     color: #000000;
 }
 
 tr.table-menu-row{
     background-color: #8083df1c;
 }
 /* tr.table-menu-row td{
 width: 33%;
 } */
 tr.table-menu-row tr td:first,
 tr.table-menu-row tr input[type="checkbox"]{
 padding-left: 0 ;
 }
 
 .table-head{
     background-color: #8285e1;
     color: #fff;
 }
 .subMenuList tr{
     display: grid;
     grid-template-columns: 0.5fr 1fr;
 }
 .table-menu-row td.tableMenuMainTd{
     padding-bottom: 30px !important;
 }
 .subMenuList tr.subMenuListRow:nth-child(1) td.subMenuListTd{
     padding-top: 0 !important;
 }
 
 .table-menu{
     display: block;
     /* max-height: 350px; */
     overflow-y: auto;
     width: 100%;
 }
 .ui-widget-overlay{
     background: rgba(0, 0, 0, 0.5) !important;
     opacity: 0;
 }
 
 #sortby-container{
     position: absolute;
     z-index: 1002;
     background: #fff;
 }
 input[name="sort_list"]:checked + label{
     background: #8285e1 !important;
 }
 #sortby-container label:hover{
     background: #8285e12e  !important;
 }
 .no-Sub-Menu{
     border: 1px solid #9098A9;
     border-radius: 5px;
     padding: 3px 8px;
     margin: 10px 0;
     color: #9098A9;
 }
 .menu-list-view{
     max-height: 350px;
     overflow: auto;
 }
 .ssub-menu{
     list-style-type: circle;
 }
 
 .dailyReportAccess.dialog-footer{
     height: 30px;
 }
 
 #sortby-container ul {
     max-height: 150px;
     overflow-y: auto;
 }
 
 #sortby-container ul li{
     color: #000000;
 }
 
 .location-tableList tr td a img {
     width: 20px;
     margin-left: 5px;
 }
 
 .locality-tableList tr td a img {
     width: 20px;
     margin-left: 5px;
 }
 
 .locality-area-tableList tr td a img {
     width: 20px;
     margin-left: 5px;
 }
 
 .user-initials {
     display: flex;
     width: 38px;
     height: 35px;
     background-color: #8285E1;
     color: #ffffff;
     font-weight: bold;
     font-size: 15px;
     text-align: center;
     line-height: 40px;
     border-radius: 50%;
     text-decoration: none;
     margin-top: 8px;
     /* margin-left: 10px; */
     justify-content: center;
     align-items: center;
     cursor: default;
     margin-right: 30px;
 }
 
 /* #main-nav #img-fit {
     width: 38px;
     height: 35px;
     object-fit: cover;
 } */
 #main-nav #img-fit {
     height: 26px;
     width: 26px;
     position: relative;
     right: 40px;
     top: 13px;
     border-radius: 50%;
 }
 #cm-nav-horz li ul {
     display: none;
     position: absolute;
     list-style: none;
     background-color: #ffffff;
     padding: 0px !important;
     /* margin-top: 1px !important; */
     border-radius: 5px;
     box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
 }
 
 #cm-nav-horz li:hover ul {
     display: block;
 }
 
 .user-initials + ul {
     display: block;
     position: absolute;
     width: 130px;
     right: 0;
     background: #dbdbdb;
     top: 45px;
 }
 
 
 /* .user-image img {
     width: 32px;
     height: 32px;
     border-radius: 50%;
     object-fit: cover;
     margin-left: 220px;
     margin-top: -7px;
 } */
 #profile-submenu {    
     display: none;
     text-decoration: none;
     background-color: #ffff;
     width: 160px;
     box-shadow: 0 0 20px 0 #00000033;
     /* padding: 10px 10px 10px 10px; */
     border-radius: 5px;
 }
 
 .profile-user:hover #profile-submenu {
     display: block;
     margin-right: 28px;
     padding: 0 !important;
     /* margin-top: 10px; */
     margin-top: 0px;
 }
 
 #profile-submenu li a{
    margin: 0;
    line-height: normal;
    padding: 10px 7px;
    font-size: 12px;
    /* border-bottom: 1px solid #ebebeb; */
    /* border-bottom: 1px solid #ebebeb; */
    font-weight: 500;
    color: #333333;
    text-decoration: none;
    width: 100%;
    display: block;
    transition: all .3s ease;
    padding-left: 20px;
 }
 ul#profile-submenu li a:hover {
     background-color: #8285e1;
     color: #ffffff;
 }
 
 ul#profile-submenu li {
     line-height: 36px;
 }
 
 #cm-nav-horz {
     margin-top: -3px;
 }
 .submenu-arrow-1 { 
     float: left; 
     background: url(../images/bullet-arrow-right.png) no-repeat right center;
  
 }
 
 
 /* Hide submenu container by default */
 .submenu-container {
     display: none;
 }
 
 /* Show submenu container on hover of submenu-arrow-1 link */
 .submenu-arrow-1:hover + .submenu-container {
     display: block;
     position: absolute; /* Adjust positioning as needed */
     left: 100%; /* Position to the right of the main menu item */
     top: 0;
     background-color: #fff; /* Optional: background color */
     border: 1px solid #ccc; /* Optional: border for submenu */
     z-index: 1000;
 }
 
 /* Style adjustments for submenu items */
 .submenu-container ul li {
     float: none; /* Reset float to stack items vertically */
     clear: both;
 }
 
 ul#profile-submenu li.menu-child ul.sub-menu {
     display: none;
     opacity: 0;
     width: 160px;
     background: #fff;
     box-shadow: 0 0 20px 0 #00000033;
     transition: opacity 0.3s ease;
     border-radius: 5px;
     /* padding-top: 10px; */
     /* padding-bottom: 10px; */
 }
 
 ul#profile-submenu li.menu-child:hover ul.sub-menu {
     display: block;
     opacity: 1;
     position: absolute;
     right: 152px !important;
     /* z-index: 1000; */
     padding-left: 0px !important;
 }
 
 #profile-submenu li.menu-child a.submenu-arrow-1 {
     padding: 8px;
     padding-left: 20px;
 }
 
 #profile-submenu li.menu-child ul.sub-menu a {
    /* margin-left: -11px; */
    padding-left: 20px !important;
}
 ul.sub-menu{
 padding-left: 2em !important;
 }
 
 /* .user-image img {
     width: 32px;
     height: 32px;
     border-radius: 50%;
     object-fit: cover;
     margin-left: 220px;
     margin-top: -7px;
 } */
 
 .fn_color{
     color: gray;
 }
 .wid_15{
     width: 15% !important
 
 }
 .vertical-line {
     border-left: 1px solid #ccc; 
     border-right: 1px solid #ccc;
   
     border-top: 1px solid #ccc;
    
   }
   .ver-line {
     border-left: 1px solid #ccc; 
     border-right: 1px solid #ccc;
     border-bottom:1px solid #ccc;
     
   }
   .back_color{
     background: #8285e1 !important;
     color: white;
   }
 
   .ui-dialog #msg-list.ui-dialog-content {
     max-height: fit-content !important;
 }
   .mt-43px {  
     margin-top: -43px !important;
   }
   .blue_button{
     background-color: #ffffff !important;
     color: #004cbe !important;
     border: 1px solid #004cbe !important;
     /* border-color: inherit !important; */
     font-size: 14px !important;
     text-decoration: none !important;
     border-radius: 9px !important;
     font-weight: 500;
   }
   .button_aln{
     padding-top: 20px !important; 
     text-align: center !important; 
    
 
   }
   .custom-confirm-message{
     font-size: 14px;
   }
  /* Main container styling */
 .form-container {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 15px;
     padding: 2px;
     background-color: #f7f7f7;
     border-radius: 8px;
 }
 
 /* Styling each form box */
 .form-box {
     background-color: white;
     border-radius: 6px;
     padding: 12px; /* Smaller padding */
     box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
 }
 
 /* Hover effect for form-box */
 .form-box:hover {
     box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
 }
 
 /* Row layout */
 .form-row {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom:4px; /* Smaller margin */
 }
 
 /* Label styling */
 .form-label {
     color: #616e88;
     font-size: 12px; /* Slightly smaller font */
     width: 130px; /* Reduced width */
     white-space: nowrap;
     padding-right: 20px;
 }
 .track_list .stage .form-label {
     color: #000;
   font-size: 12px;
   width: 130px;
   white-space: nowrap;  
   background: #e0e9fb;
   border-radius: 10px;
   padding: 2px 10px;
   border: 1px solid #a7abb5;
 }
 .track_list:hover {
     box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
   }
 
 /* Content styling */
 .form-content {
     font-size: 12px; /* Smaller font */
     color: #313949;
     word-wrap: break-word;
     flex: 1;
 }
 
 /* Row background for alternating colors */
 .odd-row {
     padding: 2px 12px; /* Smaller padding */
     border-radius: 4px;
 }
 
 .even-row {
     background-color: #fff;
     padding: 2px 12px; /* Smaller padding */
     border-radius: 4px;
 }
 
 /* Full width for the third form box */
 .full-width-form-box {
     grid-column: span 2; /* This box spans across both columns */
 }
 
 /* Dual column layout for additional info */
 .dual-column-layout {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 15px;
     margin-top: 10px;
 }
 
 /* Form Box Header */
 .form-box-header {
     font-size: 13px;
     font-weight: 700;
     margin-bottom: 15px;
     color: #338cf0;
     border-bottom: 0.5px solid #d7e2ed;
     padding-bottom: 8px;
 }
 section#shadow-host-companion {
     display: none;
 }
 .w-30px{
     width: 24px;
     height: 24px !important;
     margin: auto;
 }
 .w-95 {
     width: 95%;
 }
 #sortby-container.track-list{
     bottom: 0;
     left: 0;
     transform: translate(10px, -355px);
 }
 #cal_trc_master_details .dialog-body{
     max-height: 72Vh;
     overflow-y: auto;
     overflow-x: hidden;
 }
 #cal_trc_master_details {
     background-color: #edf0f4;
     height: 100%;
 }
 #cal_trc_master_details section{
     background-color: #FFFFFF !important;
     background-image:none;
     box-shadow:none;
     padding: 8px;
     margin: 0 !important;
 }
 
 .title-color{
    color: #338ef0 !important;
 }
 
 .candidate-create-country-section select{
     width: 100% !important;
 }
 
 
 .e_tab_container {
     display: flex;
     border-bottom: 1px solid #ccc;
 }
 
 .e_tab {
     padding: 10px 20px;
     cursor: pointer;
     margin-right: 5px;
     color: #616e88;
     border-bottom: 2px solid transparent;
     transition: border-color 0.3s;
     font-size: 13px;
 }
 
 .e_tab:hover {
     color: #ff8670;
 }
 
 .e_active_tab {
     color: #ff6347;
   border-bottom: 1px solid #ff6347;
   text-shadow: 5px 5px 8px rgba(0, 0, 0, 0.2);
   padding: 10px 20px;
 }
 
 
 .tab-content {
     display: none;
     padding: 20px;
     font-size: 14px;
     border: 1px solid #dde6fc;
 }
 
 
 .custom-modal {
     display: none; 
     position: fixed;
     z-index: 2000; 
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.5);
   }
   
   .custom-modal-content {
     background-color: #fff;
     margin: 10% auto;
     padding: 20px;
     border-radius: 5px;
     width: 400px;
     max-width: 80%;
     height: fit-content;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
     position: relative;
     text-align: center;
   }
   
   .close-btn {
     position: absolute;
     top: 10px;
     right: 15px;
     font-size: 18px;
     border: none;
     background: none;
     cursor: pointer;
     font-weight: bold;
     color: #333;
   }
   
 .corner-color{
     background-color: #edf0f4;
 }
 
 .vendor-modal {
     display: none; 
     position: fixed;
     z-index: 2000; 
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.5); 
   }
   
 .vendor-modal-content {
     background-color: #fff;
     margin: 2% auto; 
     padding: 20px;
     border-radius: 5px;
     width: 850px;
     max-width: 90%;
     height: 670px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
     position: relative;
     text-align: center;
     padding-bottom: 60px;
   }
 #vendor-content{
     height: 100%;
   overflow: scroll;
   overflow-x: hidden;
 }
 
 .icon-zoom {
     transition: transform 0.2s ease; 
 }
 
 .icon-zoom:hover {
     transform: scale(1.2);
     cursor: pointer; 
 }
 .action_txt{
         color: #498fe9;
         font-size: 12px;
         background-color: #98ddf11c; 
         padding: 10px; 
         border-radius: 5px;
 }
  /* Container styling */
  .resume-container {
     position: relative;
     width: fit-content;
     margin: 20px;
 }
 
 /* Textarea styling with centered and smaller background image */
 #updated_resume {
     width: 100%;
     height: 250px;
     padding: 15px;
     font-size: 16px;
     border: 1px solid #ccc;
     resize: none;
     background-image: url('https://cdn-icons-png.flaticon.com/128/4301/4301577.png'); /* Replace with your image path */
     background-size: 100px; /* Smaller image */
     background-position: center 30px; /* Center and adjust vertically */
     background-repeat: no-repeat; /* Prevent image repeat */
     color: #333;
     position: relative;
     z-index: 1;
     opacity: 0.5;
     border-radius: 20px;
 }
 
 /* Placeholder styling */
 .placeholder-text {
     position: absolute;
     top: 162px;
 left: 52%;
     transform: translateX(-50%);
     color: #888;
     font-size: 16px;
     pointer-events: none;
     text-align: center;
     transition: opacity 0.3s ease;
 z-index:1002;
 }
 
 .border-secondary-subtle {
     border-color: #dee2e6 !important;
 }
 
 .form-control:focus, .form-select:focus {
     border-color: #86b7fe;
     box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
 }
 
 .form__input-group {
   /* margin: 15px 0; */
   position: relative;
   display: flex;
   margin-top: 0px;
 }
 
 .form__input {
   padding: 10px;
   border: 2px solid #000;
   border-radius: 0px !important;
   transition: border 0.25s ease-in-out;
     font-size: 13px !important;
   &:focus {
     outline: none;
     border: 2px solid lighten(#000, 75%);
   }
 }
 
 .form__input-label {
   position: absolute;
   top: 50%;
   left: 10px;
   margin: 2px !important;
   width: fit-content !important;
   transform: translateY(-50%);
   transition: all 0.25s ease-in-out;
   color: #888;
   pointer-events: none;
   font-size: 13px !important ;
 }
 
 .form__input:focus ~ .form__input-label, .form__input:not(:placeholder-shown) ~ .form__input-label {
   top: 0;
   background-color: #ffffff;
   font-size: 13px;
   padding: 0 10px;
   color: #000;
 }
 .form__input:hover{
     border: 1px #c4c6f1 solid !important;
 }
 .form__input::placeholder {
   color: transparent;
 }
 
 .add-document {
     display: inline-flex;
     align-items: center;
     gap: 0.5rem;
     color: #1976d2;
     background: none;
     border: none;
     cursor: pointer;
     font-weight: 500;
     padding: 0.5rem;
     border-radius: 6px;
 }
 .add-document:hover {
     background: #e3f2fd;
 }
 .allowed-types {
     margin-top: 1rem;
   padding: 0.5rem;
   background: #b5ffce;
   border-radius: 6px;
   color: black;
   font-size: 0.875rem;
 }
 #uploadZone {
     border: 2px dashed #e0e0e0;
     padding: 2rem;
     text-align: center;
     border-radius: 8px;
     background: #fafafa;
     cursor: pointer;
     transition: all 0.2s ease;
 }
 .upload-zone:hover {
     border-color: #1976d2;
     background: #f5f5f5;
 }
 .custom-multiselect-style {
     background-color: #edf0f4 !important;
     border: none !important;
 }
 .filter_body{
   max-height: 80Vh;
   overflow-y: auto;
   overflow-x: hidden;
   scrollbar-width: none;
 }
 .track_body{
     max-height: 120Vh;
     overflow-y: auto;
     overflow-x: hidden;
     scrollbar-width: none;
   }
 
 .st_add_qualification.candidate-create .Educational {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr 1fr 1fr 0.2fr;
     align-items: center;
 }
 
 .st_add_qualification.candidate-create .Educational input{
     width: 100%;
     border-radius: 0.375rem;
     padding-left: 15px !important;
     padding-right: 15px !important;
 }
 #cal_trc_master_details .candidate-create-container{
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 16px;
 }
 #cal_trc_master_details .candidate-create-container section:nth-child(n+5) {
     grid-column: 1 / -1;
 }
 
 .candidate-create-country-section select{
    width: 100% !important;
    border-radius: 0.375rem !important;
 }
 .candidate-create-country-section #locality-pl label{
     margin: 0 !important;
     width: 100% !important;
 }
 
 .candidate-create-country-section #locality-pl label br{
     display: none;
 }
 
 .candidate-create-container div{
     font-size: 12px;
     color: #787d83;
 }
 .revision-inner-container input[name="esicapp"],
 .leave-mode-inner-container input[name="r_leave_mode"],
 .emptype-inner-container input[name="r_emp_type"],
 .can-gender-inner-container input[name="c_gender"]{
     width: 12px !important;
     cursor: pointer;
 }
 .revision-inner-container .revisionLabel,
 .leave-mode-inner-container .leave-mode,
 .emptype-inner-container .employeeType,
 .can-gender-inner-container .gender-label{
     cursor: pointer;
 }
 .revision-inner-container input[name="esicapp"]:checked,
 .leave-mode-inner-container input[name="r_leave_mode"]:checked,
 .emptype-inner-container input[name="r_emp_type"]:checked,
 .can-gender-inner-container input[name="c_gender"]:checked{
     display: none;
 }
 .revision-inner-container input[name="esicapp"]:checked + .revisionLabel,
 .leave-mode-inner-container input[name="r_leave_mode"]:checked + .leave-mode,
 .emptype-inner-container input[name="r_emp_type"]:checked + .employeeType,
 .can-gender-inner-container input[name="c_gender"]:checked + .gender-label {
     width: 100%;
     border: 2px solid #9098A9;
     background: #b7e6c9;
     border-color: #2cbc63;
     border-radius: 6px;
     padding: 5px 3px;
     color: #2cbc63;
     text-align: center;
     transition: 0.25s all ease;
 }
 
 #main-nav .header-right-icons {
     display: flex;
     justify-content: space-evenly;
     margin-right: 30px;
     align-items: center;
 }
 
 #main-nav .header-right-icons .notification-div {
     margin-right: 25px;
 }
 a.quick_notificaton img{
     width: 28px;
     height: 28px;
     margin-top: -8px;
     position: absolute;
     right: 87px;
     top: 15px;
 }
 
 #main-nav .header-right-icons .notification-div .notification-span {
     height: 16px;
     width: 16px;
     background-color: red;
     color: #ffffff;
     border-radius: 50%;
     position: relative;
     /* left: 6px; */
     text-align: center;
     top: -9px;
     font-size: 11px;
     right: 29px;
     /* padding-top: 1px; */
     font-weight: 700;
     z-index: 1299;
     display: flex;
     justify-content: center;
     align-items: center;
 }
 
 /* #quick-content #all-notification {
     background-color: #76c3aa !important;
 } */
 
 #quick-content #all-notification a {
     margin-left: 19px;
     color: #009965;
     font-size: 14px;
     text-decoration: none;
 }
 
 #quick-content #all-notification a:hover {
     color: #0648a0;
 }
 
 #main-nav .profile-user {
     position: absolute;
     right: 0;
 }
 
 div#quick-notification {
     max-height: 288px;
     overflow: auto;
     width: 100%;
     /* border-radius: 20px 20px 0 0; */
     /* border: 1px solid #76c3aa; */
 }
 
 #quick-notification a.notification-view-icon-a img {
     width: 23px !important;
     height: 23px !important;
     margin-right: 25px !important;
 }
 
 #quick-launch-dialog table.paginate tbody tr:hover {
     background: #76c3aa47 !important;
 }
 
 input[name="manage_columns"] {
     appearance: none;
     -webkit-appearance: none; 
     width: 20px;
     height: 20px;
     margin: 0;
     border: 2px solid #9098A9;
     border-radius: 4px;
     background-color: white;
     cursor: pointer;
     position: relative;
     display: inline-block;
     outline: none;
     transition: background-color 0.3s, border-color 0.3s;
   }
 
   input[name="manage_columns"]::after {
     content: "";
     position: absolute;
     top: 50%;
     left: 50%;
     width: 6px;
     height: 14px;
     border: solid #ffffff;
     border-width: 0 2px 2px 0;
     transform: translate(-50%, -50%) rotate(45deg);
     opacity: 0; 
     transition: opacity 0.2s;
   }
 
   input[name="manage_columns"]:checked {
     background-color: #8285e1 ;
     border-color: #8285e1 ;
   }
   
   input[name="manage_columns"]:checked::after {
     opacity: 1;
   }
 #manage_column_contaner{
     position: relative;
 }
 #can_manage_columns,
   #cus_manage_columns{
     position: absolute;
     z-index: 1002;
     background-color: #fff;
     width: 310px;
     right: 5px;
     top: 40px;
   }
   .ui-dialog #recent_track.ui-dialog-content{
     max-height: 70vh;
   }
   .message.info{
     /* border: 0px solid #A0AEC0 !important;
     border-bottom: 1px !important; */
     background: #ffffff !important;
     font-size: 16px !important;
     color: #A0AEC0 !important;
     margin-top: 5px !important;
   }
   .back-btn{
     display: flex;
     justify-content: center;
     align-items: flex-start;
     margin-top: 0;
   }
   .finish-btn{
     display: flex;
     justify-content: flex-start;
     align-items: flex-start;
   }
   .import-mesage-container .message-container{
     height: fit-content;
     position: relative;
   }
   .import-mesage-container #closebtn{
     position: absolute;
     right: 10px;
     top: 2px;
   }
   .import-mesage-container .message-container table th{
     font-size: 15px;
   }
   #candidate-validate-form-container{
     cursor: pointer;
   }
   #candidate-view-more{
     position: absolute;
     z-index: 1002;
     background-color: #fff;
     right: 8px;
     top: 32px;
   }
   #candidate-validate-form-field a:hover{
     background-color: #8285e1;
     text-align: center;
     display: flex;
     margin: auto;
     border-radius: 8px;
   }
 
  #quick-content table.paginate tbody tr:hover td {
     background: #76c3aa33 !important;
 }
 .effect_hov:hover{
     box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
 }
 .loader-container {
     display: flex;
     justify-content: center;
     align-items: center;
 }
 
 .bouncing-dots {
     display: flex;
     align-items: center;
     gap: 5px; 
 }
 
 .loader-container span {  animation-delay: calc(0.25s * var(--i));}
 .dots {
     width: 10px;
   height: 10px;
   background-color: #8285e1;
     border-radius: 50%;
     animation: bounce 1.5s infinite;
 
 }
 
 @keyframes bounce {
     0%, 100% {
         transform: translateY(0);
         opacity: 1;
     }
     50% {
         transform: translateY(-15px);
         opacity: 0.6;
     }
   }
     #candidate-validate-form-field .error-message{
     display: none;
 }
 
 
 table.paginate tbody tr#hover-bg:hover td {
     background: #76c3aa33 !important;
 }
 #ResumeParserUploadContainer label{
     border-color: #004cbe !important;
     background-color: #edf0f4;
 }
   .mt_align{
     margin-top: -17px! important;
     margin-bottom: 25px;
     padding-left: 12px;
   }
   .todo-msg{
     float: right;
     margin-top: -14px;
   }
   .color_black{
 color: black;
   }
   .checkbox-wrapper input[type="checkbox"] {
     display: none;
     visibility: hidden;
 }
 
 .checkbox-wrapper label {
     position: relative;
     padding-left: 2em;
     padding-right: 1em;
     line-height: 2;
     cursor: pointer;
     display: inline-flex;
 }
 
 .checkbox-wrapper label:before {
     box-sizing: border-box;
     content: " ";
     position: absolute;
     top: 0.3em;
     left: 0;
     display: block;
     width: 1.4em;
     height: 1.4em;
     border: 2px solid #9098A9;
     border-radius: 6px;
     z-index: -1;
 }
 
 .checkbox-wrapper input[type=checkbox]:checked+label {
     padding-left: 1em;
     color: #0f5229;
 }
 
 .checkbox-wrapper input[type=checkbox]:checked+label:before {
     top: 0;
     width: 100%;
     height: 2em;
     background: #b7e6c9;
     border-color: #2cbc63;
 }
 
 .checkbox-wrapper label,
 .checkbox-wrapper label::before {
     transition: 0.25s all ease;
 }
 .client-update-track{
     grid-template-columns: 1fr 1fr 1fr;
 }
 
 .profile-user img#user-img-fit {
     width: 40px;
     height: 40px;
     margin-top: 4px;
     margin-right: 30px;
     display: flex;
     justify-content: center;
     align-items: center;
     object-fit: cover;
 }
 
 .profile-user .user-img-fit-div {
     display: flex;
     flex-direction: column;
     align-items: flex-end;
 }
 
 
   
 .toggler-wrapper.style-7 input[type="checkbox"]:checked+.toggler-slider {
     background-color: white;
 }
 
 .toggler-wrapper.style-7 input[type="checkbox"]:checked+.toggler-slider .toggler-knob {
     left: calc(100% - 19px - 3px);
     background-color: #338ef0;
 }
 
 .toggler-wrapper.style-7 .toggler-slider {
     background-color: white;
     -webkit-box-shadow: 2px 4px 8px rgba(200, 200, 200, 0.5);
     box-shadow: 2px 4px 8px rgba(200, 200, 200, 0.5);
     border-radius: 5px;
 }
 
 .toggler-wrapper.style-7 .toggler-knob {
     width: calc(25px - 6px);
     height: calc(25px - 6px);
     border-radius: 5px;
     left: 3px;
     top: 3px;
     background-color: #e6e6e6;
 }
 .toggler-wrapper {
     display: block;
     width: 45px;
     height: 25px;
     cursor: pointer;
     position: relative;
 }
 
 .toggler-wrapper input[type="checkbox"] {
     display: none;
 }
 
 .toggler-wrapper input[type="checkbox"]:checked+.toggler-slider {
     background-color: #44cc66;
 }
 
 .toggler-wrapper .toggler-slider {
     background-color: #ccc;
     position: absolute;
     border-radius: 100px;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     -webkit-transition: all 300ms ease;
     transition: all 300ms ease;
 }
 
 .toggler-wrapper .toggler-knob {
     position: absolute;
     -webkit-transition: all 300ms ease;
     transition: all 300ms ease;
 }
 
 .color-blue {
     text-decoration: none;
     color: #0648a0;
   }
   .color-blue:hover {
     color: #093;
   }
 
   .skill-list-top-form-right a.align-fit {
     height: 32px !important;
     margin-top: -10px;
   }
 
 .checkbox-animation label, .checkbox-animation label::before {
     transition: 0.25s all ease;
 }
 
 .checkbox-animation label {
     position: relative;
     padding-left: 2em ;
     padding-right: 1em;
     line-height: 2;
     cursor: pointer;
     display: inline-flex;
     z-index: 4;
 }
 
 .checkbox-animation input[type="checkbox"] {
     opacity: 0;
     position: absolute;
     z-index: -1;
 }
 
 .checkbox-animation input[type="checkbox"]:checked + label {
     padding-left: 1em;
     color: #0f5229;
 }
 
 .checkbox-animation label:before {
     box-sizing: border-box;
     content: " ";
     position: absolute;
     top: 0.3em;
     left: 0;
     display: block;
     width: 1.4em;
     height: 1.4em;
     border: 2px solid #9098A9;
     border-radius: 6px;
     z-index: 0;
 }
 
 .checkbox-animation input[type="checkbox"]:checked + label:before {
     top: 0;
     width: 100%;
     height: 2em;
     background: #b7e6c9;
     border-color: #2cbc63;
     z-index: -1;
 }
 
 #frm_emp input {
     width: 100% !important;
 }
 
 .header-right-icons a.quick_notificaton img#imgopnener {
     z-index: 1299;
 }
 .ui-dialog {
     position: fixed !important;
     top: 0; 
     left: 50% !important;
     transform: translate(-50%, -200%); 
     background-color: white;
     border: 1px solid #ccc;
     border-radius: 8px;
     padding: 20px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
     animation: dialogBoxSlideDown 0.5s forwards; 
 }
 @keyframes dialogBoxSlideDown {
     0% {
         top: 0; 
         transform: translate(-50%, -200%); 
     }
     100% {
         top: 50%; 
         transform: translate(-50%, -50%); 
     }
 }
 /* Popup Modal Styles with Specific Selectors */
 @keyframes fadeIn {
     from { opacity: 0; }
     to { opacity: 1; }
 }
 
 @keyframes scaleIn {
     from { 
         opacity: 0;
         transform: scale(0.7) translateY(20px); 
     }
     to { 
         opacity: 1;
         transform: scale(1) translateY(0); 
     }
 }
 
 .popup-modals {
     position: fixed;
     top: 0;
     left: 0;
     width: 100vw;
     height: 100vh;
     background-color: rgba(0, 0, 0, 0.5);
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 1002;
     
     will-change: opacity;
     animation: fadeIn 0.25s cubic-bezier(0.4, 0, 0.2, 1) forwards;
     
     overflow: hidden;
     overscroll-behavior: contain;
 }
 
 .popup-modals .popup-contents {
     background-color: #ffffff;
     border-radius: 16px;
     width: 90%;
     max-width: 350px;
     padding: 20px 20px;
     box-shadow: 
         0 15px 35px rgba(0, 0, 0, 0.1), 
         0 5px 15px rgba(0, 0, 0, 0.08);
     
     will-change: transform, opacity;
     animation: scaleIn 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
     
     text-align: center;
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 }
 
 .popup-modals .popup-contents .c_title {
     font-size: 1.2rem;
     color: #2c3e50;
     padding-bottom: 15px;
     margin-bottom: 15px;
     border-bottom: 1px solid #e0e0e0;
     font-weight: 600;
 }
 .assigndialogbox-notify .c_title {
     font-size: 1.2rem;
     color: #2c3e50;
     padding-bottom: 15px;
     margin-bottom: 15px;
     border-bottom: 1px solid #e0e0e0;
     font-weight: 600;
 }
 
 .popup-modals .popup-contents #sentmail_alns {
     color: #34495e;
     font-size: 1rem;
     line-height: 1.5;
 }
 
 .popup-modals .popup-contents .button-container {
     display: flex;
     justify-content: center;
     gap: 15px;
     margin-top: 25px;
 }
 
 .popup-modals .popup-contents .button-container .btn {
     padding: 10px 20px;
     border-radius: 8px;
     border: none;
     background-color: #3498db;
     color: white;
     font-weight: 600;
     cursor: pointer;
     transition: 
         background-color 0.2s ease,
         transform 0.1s ease;
 }
 
 .popup-modals .popup-contents .button-container .btn:hover {
     background-color: #2980b9;
     transform: translateY(-2px);
 }
 
 .popup-modals .popup-contents .button-container .btn:active {
     transform: translateY(1px);
     background-color: #2371a3;
 }
 
 /* Responsive adjustments */
 @media screen and (max-width: 480px) {
     .popup-modals .popup-contents {
         width: 95%;
         padding: 20px;
         border-radius: 12px;
     }
     
     .popup-modals .popup-contents .button-container .btn {
         padding: 8px 15px;
         font-size: 0.9rem;
     }
 }
 /* Modal Background */
 .modal-overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.7); /* Darker overlay for focus */
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 1002;
     animation: fadeInModal 0.3s ease-in-out; /* Smooth fade-in effect */
 }
 
 /* Modal Content */
 .modal-container {
     background-color: #ffffff;
     padding: 30px;
     border-radius: 12px;
     width: 400px;
     max-width: 90%;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); /* Stronger shadow for depth */
     text-align: left;
     position: relative;
     transform: scale(0.8);
     animation: popInModal 0.3s ease-in-out forwards; /* Pop-in effect */
 }
 
 /* Header with Title and Close Button */
 .modal-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     border-bottom: 2px solid #f0f0f0;
     padding-bottom: 10px;
     margin-bottom: 20px;
 }
 
 .modal-title {
     font-size: 20px;
     font-weight: bold;
     color: #007bff;
 }
 
 /* Close Button */
 .modal-close-btn {
     background: none;
     border: none;
     font-size: 18px;
     cursor: pointer;
     color: #666;
     transition: color 0.3s ease;
 }
 
 .modal-close-btn:hover {
     color: #000;
 }
 
 /* Radio Options Styling */
 .radio-group {
     display: flex;
     align-items: center;
     gap: 10px;
     font-weight: 600;
     font-size: 14px;
     color: #333;
 }
 
 .radio-group input[type="radio"] {
     accent-color: #007bff; /* Modern blue accent for radio button */
 }
 
 /* Animations */
 @keyframes fadeInModal {
     from {
         background-color: rgba(0, 0, 0, 0);
     }
     to {
         background-color: rgba(0, 0, 0, 0.7);
     }
 }
 
 @keyframes popInModal {
     from {
         transform: scale(0.8);
         opacity: 0;
     }
     to {
         transform: scale(1);
         opacity: 1;
     }
 }
 .modal {
     display: none;
     position: fixed;
     z-index: 1000;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     overflow: auto;
     background-color: rgba(0,0,0,0.5);
 }
 
 .modal-content {
     background-color: white;
     margin: 15% auto;
     padding: 20px;
     border-radius: 5px;
     width: 300px;
     text-align: center;
     box-shadow: 0 4px 6px rgba(0,0,0,0.1);
 }
 
 .modal-buttons {
     display: flex;
     justify-content: center;
     gap: 10px;
     margin-top: 15px;
 }
 /* .filter_header{
     display: flex;
     gap: 20px;
     border: 1px solid #87c8f3 !important;
     background-color: #eff7ff !important;
     border-radius: 20px !important;
     width: fit-content;
     padding-left: 15px;
     margin-bottom: 5px;
     align-items: center;
     padding-right: 15px;
 } */
 .filter_header {
     left: 0;
     top: 20px;
     right: 0;
     bottom: 0;
     display: flex;
     align-items: center;
 }
 .filter_header .tabs {
     display: flex;
     position: relative;
     background-color: #fff;
     box-shadow: 0 0 1px 0 rgba(24, 94, 224, 0.15), 0 6px 12px 0 rgba(24, 94, 224, 0.15);
     /* padding: 0.75rem; */
     border-radius: 99px;
     height: 40px;
 }
 .filter_header input[type="radio"] {
     display: none;
 }
 .filter_header .tab {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 210px;
     font-size: 14px;
     font-weight: 500;
     border-radius: 99px;
     cursor: pointer;
     transition: color 0.15s ease-in;
     z-index: 2;
     position: relative;
     color: #000;
     margin-top: 8px;
 }
 .glider1 {
     position: absolute;
     display: flex;
     height: 35px;
     width: 205px;
     background-color: #e6eef9;
     z-index: 1;
     border-radius: 99px;
     transition: 0.25s ease-out;
     left: 4px;
   top: 2px;
 }
 .filter_header input[id="radio-4"]:checked ~ .glider1 {
     transform: translateX(0);
 }
 .filter_header input[id="radio-5"]:checked ~ .glider1 {
     transform: translateX(100%);
 }
 .filter_header .tab.active {
     color: #185ee0;
 }
 #search_div_candidate, 
     #resume_search {
         transition: opacity 0.3s ease-in-out;
     }
 #dialogManageCallStages{
     width: 70%;
 
 }
 #dialogManageCallStages.active {
     left: 25% !important;
 }
 .border-green{
     background: #b7e6c9;
     padding: 5px;
     border: 2px solid #489565;
     border-radius: 6px;
 }
 
 .dialog-box-head{
     font-size: 1.2rem;
     color: #2c3e50;
     padding-bottom: 10px;
     border-bottom: 1px solid #e0e0e0;
     font-weight: 600;
     text-align: center;
 }
 .labelBoxDesign,
 .RecipientGroupsClient label{
     background-color: #3c4762;
     color: #ffff;
     padding: 5px 10px;
     border-radius: 8px;
     cursor: pointer;
 }
 .recipient_group_can label{
     background-color: #3c4762;
     color: #ffff;
     padding: 5px 10px;
     border-radius: 8px;
 }
 .ui-dialog #cust-dialog.clientReviewPopup.ui-dialog-content{
     max-height: 85vh;
 }
 #emailBouncedList{
     max-height: 170px;
     overflow-y: auto;
 }
 
 .ui-tabs .makesticky.ui-widget-header .ui-state-default{
     background: transparent !important;
     z-index: 2;
 }
 .ui-tabs .makesticky.ui-widget-header .ui-state-default a{
     color: #000000;
 }
 #bulkmailConfigLis{
     position: relative;
 }
 :where(.bulkmailConfigList,.makesticky).ui-helper-clearfix:after{
     position: absolute;
     display: flex;
     border: 1px solid #87c8f3 !important;
     background-color: #eff7ff !important;
     border-radius: 20px !important;
     z-index: 1;
     transition: 0.25s ease-out;
     height: 32px;
 }
 .makesticky.ui-helper-clearfix li{
    width: 135px;
 }
 .makesticky.ui-helper-clearfix:after{
     width: 130px;
 }
 .makesticky.ui-helper-clearfix li a{
    color: #666 !important;
 }
 .bulkmailConfigList.ui-helper-clearfix:after{
     width: 175px;
 }
 .bulkmailConfigList,
 .bulkmailConfigList li{
     border: none !important;
     z-index: 2;
     background: transparent !important;
 }
 .bulkmailConfigList li a{
     margin-top: 3px;
     color:#666 !important;
 }
 .bulkmailConfigList{
     margin-bottom: 10px !important;
 }
 .ui-tabs .bulkmailConfigList.ui-tabs-nav:has(li.ui-tabs-selected:nth-child(1))::after {
     transform: translateX(-3px);
 }
 .ui-tabs .bulkmailConfigList.ui-tabs-nav:has(li.ui-tabs-selected:nth-child(2))::after {
     transform: translateX(165px);
 }
 .ui-tabs .makesticky.ui-tabs-nav:has(li.ui-tabs-selected:nth-child(1))::after {
    transform: translateX(-150px);
 }
 
 .ui-tabs .makesticky.ui-tabs-nav:has(li.ui-tabs-selected:nth-child(2))::after {
    transform: translateX(-20px);
 }
 .ui-tabs .makesticky.ui-tabs-nav:has(li.ui-tabs-selected:nth-child(3))::after {
    transform: translateX(133px);
 }
 .ui-tabs .makesticky.ui-tabs-nav:has(li.ui-tabs-selected:nth-child(4))::after {
     transform: translateX(292px);
 }
 
 .message.info {
     border: none !important;
     font-weight: 600;
     /* background: #e1f2fc !important; */
     color: #225b86 !important;
     font-size: 16px !important;
 }
 
 #view-image-container {
     display: none;
     position: fixed;
     width: 100%;
     height: 100%;
     inset: 0;
     background-color: #000000b6;
     z-index: 1002;
 }
 
 #view-image-container.active {
     display: flex;
     justify-content: center;
     align-items: center;
 }
 
 #view-image-container.active #view-image-body {
     display: flex;
     justify-content: center;
     align-items: center;
     height: fit-content;
     width: fit-content;
     max-width: 50%;
     max-height: 95%;
     margin: 15px auto 0;
     position: relative;
 }
 
 #view-image-container.active #view-image-body #view-image {
     max-width: 100%;
     max-height: 100%;
     object-fit: contain;
 }
 
 #view-image-container.active #view-image-body a {
     position: absolute;
     top: -15px;
     right: -15px;
     text-decoration: none;
 }
 
 #view-image-container.active #view-image-body a img {
     width: 20px;
 }
 .client-list-container button.btn-border{
     border-color: #004cbe !important;
 }
 .client-list-container button.btn-border:hover{
     border-color:#8285e1 !important;
 }
 .accountCreateBtn span.btn{
    border-color: #004cbe !important;
 }
 .accountCreateBtn span.btn:hover{
    border-color:#8285e1 !important;
 }
 #employeeAddEditPopup{
     display:none;
 }
 #employeeAddEditPopup.active{
     position: fixed;
     display: block;
     top: 0;
     bottom: 0;
     height: 100%;
     width: 91%;
     z-index: 1200;
     background: #fafafa;
     right: 0;
 }
 
 #employeeAddEditPopup .panel{
 background-color: #fff;
 }
 .h-content-fit{
     height: fit-content !important;
 }
 #candidate-resume .top-resume-div{
     display: flex; 
     justify-content: flex-start;
     align-items:center; 
     background: #ffffff; 
     padding: 15px; 
     border-radius: 12px; 
     box-shadow: 0 4px 6px rgba(0,0,0,0.1);
     gap: 50px;
     width:fit-content;
     margin: 0 auto;
 }
 #candidate-resume .top-resume-div .res_div span{
     font-size: 14px; 
     color: #2c3e50; 
     font-weight: 500;                         
     background-color: #e8f4ff;                         
     padding: 8px 12px;                         
     border-radius: 8px;                         
     border-left: 4px solid #3498db;                        
     transition: all 0.3s ease;
 }
 #candidate-resume .top-resume-div .res_div_img img{
     width: 40px;
     height: 40px;                         
     border-radius: 50%;                         
     background-color: #e8f4ff;                         
     padding: 5px;                         
     box-shadow: 0 2px 4px rgba(0,0,0,0.1);                        
     transition: transform 0.2s ease;
 }
 .ui-dialog #send_can.ui-dialog-content{
     max-height: 95vh;
     overflow-y: auto;
 }
 .ui-datepicker-calendar .ui-state-default{
     background:none !important;
 }
 
 .ui-datepicker-calendar a.ui-state-default:hover,
 .ui-datepicker-calendar .ui-state-active, .ui-datepicker-calendar .ui-state-active{
  color: #8285e1 !important;
  font-weight: 800;
 }
 
 /* .ui-state-hover, .ui-widget-content .ui-state-hover{
     color: #8285e1 !important;
 } */
 .table-responsive table.mail_send  tr td,
 .table-responsive table.mail_send  tr:hover td{
 background-color: transparent !important;
 }
 
 #jobViewDialog .jobBody .table-responsive{
     max-height: 60vh;
 }
 
 .paging_selected {
     background-color: #a19fe07d;
 }
 
 .pageing_numbers {
     background-color: #fff !important;
     border: 1px solid #ccc !important;
 }
 
 
 #chart-container{
     display: grid;
     grid-template-columns: 1fr 1fr;
     width: 100% !important;
 }
 /* #chart-container canvas{
     width: 100% !important;
 } */
 /* #callStageChart{
     width: 400px !important;
     height: 400px !important;
     margin: auto;
 } */
 .confirmation_text_aln .mt-6px .jobBox {
     max-height: 30vh;
       height: 100%;
       overflow-x: hidden;
       overflow-y: auto;
       margin-top: 10px;
 }
 
 .menu-title {
     display: flex;
     flex-direction: row;
     align-items: center;
     margin: 0px !important;
     gap: 5px;
 }
 
 .menu-title h2{
     margin: 0px !important;
 }
 #employeeCreateForm{
     max-height: 90vh;
     overflow: auto;
     scrollbar-width: none;
 }
 .a_file.a_file.form-control.is-invalid{
    background-image:none !important;
 }

 .customerCreate select{
    width: 100% !important;
 }

 #cm-nav-horz li ul li:nth-child(1){
    margin-top: 1px !important;
 }
 .ui-datepicker-calendar .ui-state-default{
   color: #0073ea !important;
 }
 .accountsInformationContainer :where(input,select){
     width: 100% !important;
 }

 .height-fit-content{
    height: fit-content;
 }
 .accountSearchList :where(input,select,textarea){
    width: 100% !important;
    border-radius: 0.375rem !important;
 }

 .ui-dialog .accountViewEdit.ui-dialog-content{
    max-height: 95vh;
    overflow-y: auto;
 }
 #edit_account_website div span,
#edit_account_website div{
   display: flex;
   justify-content: center;
}
#edit_account_website div input{
width: 100% !important;
margin: 0 !important;
margin-top: 5px !important;
margin-right: 5px !important;
 }
 #edit_account_website div span img{
    width: 18px;
    height: 18px;
    margin-top: 10px;
 }
 #edit_account_website div span{
    cursor: pointer;
 }
 .accountSearchList #edit_account{
    max-height: 400px;
    overflow-y: auto;
 }
div#paycheck-list.patslip {
   /* padding: 20px !important; */
   /* / background: #f6f6ff; / */
   /* border-radius: 6px !important; */
   /* / margin-top: 5%; / */
   /* background: #FFF;
   border: 1px solid #ebebeb;
   box-shadow: 0 4px 23px -8px rgb(14 17 28 / 6%);
   margin-top: 32px;
   margin-bottom: 10px; */
   /* / padding: 10px; / */
}

div#paycheck-list #paging .paging-link a {
   color: #fff;
   text-decoration: none;
}

div#paycheck-list #paging .paging-link {
   padding: 10px 14px !important;
   background: #198754;
   border-radius: 8px;
}

.panel {
    padding: 20px 30px !important;
}

input[type=button]:focus, 
input[type=button]:active, input[type=button].active, 
input[type=submit]:focus, input[type=submit]:active, 
input[type=submit].active {
    border: 1px solid #004cbe !important;
}

/* .custom-search:active{
    display: block;
} */



.generate-paycheck-panel {
    padding: 50px 20px !important;
    border-radius: 6px !important;
    background: #FFF;
    border: 1px solid #ebebeb;
    box-shadow: 0 4px 23px -8px rgb(14 17 28 / 6%);
    margin-top: 32px !important;
    margin-bottom: 10px !important;
    background-color: #b4b6f721;
    width: 100% !important;
}

.pay-select {
    width: 100% !important;
}

.pay-check {
    display: flex;
    justify-content: flex-end;
    padding: 15px 20px !important;
}

#paycheckListView:checked ~ #paycheck-list{
display: block !important;
}

/* .panel {
    display: flex;
} */

.leadSearchForm,.leadSearchCountryDropDown{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 8px;
}
.leadSearchForm :where(input,select){
    width: 100% !important;
    border-radius: 0.375rem;
}
.leadSearchCountryDropDown select{
    width: 100% !important;
}
.leadSearchCountryDropDown #d_timezone button{
    margin-left: 0 !important;
}
.leadAccountViewPopup{
    max-height: 550px;
    overflow-y: auto;
    overflow-x: hidden;
}
.leadAddContactPopup{
    max-height: 99vh !important;
    height: auto !important;
}
.leadAddContactPopup .popup-body{
    max-height: 480px;
    height: 100%;
    overflow-y: auto;
    scrollbar-width: none;
}

section.leadAccountViewBody{
    max-height: 90vh;
    height: 100%;
    overflow-y: auto;
    scrollbar-width: none;
    background-image:none;
}
.fieldsFullWidth :where(input,select){
    width: 100% !important;
    border-radius: 0.375rem;
}
.leadDetailsViewPopup{
    width: 458px;
    background-color: #f5f5f5 !important;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto !important;
    border-radius: 30px !important;
}
.leadDetailsViewPopupClose{
    position: absolute;
    top: 10px;
    right: 0px;
}

table.fc-border-separate tbody tr td{
    /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
    margin:10px;
    border: 3px solid #fff6ff !important;
    background: #fff !important;
    border-radius: 10px;
}

table.fc-border-separate thead th{
    background: transparent !important;
    color: #000000 !important;
    text-align: center !important;
}

.paroll-report-form :where(input,select) {
    width: 100% !important;
}
.Allowance-report-form :where(input,select) {
    width: 100% !important;
}



.attendance-data{
    max-height: 450px;
    overflow: auto;
    clear: both;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px !important;
    color: #212529;
    background: #8285e10f;
   
}

#paycheck-list .hightlight:hover, #paycheck-list .active {
    background-color: #e8e9fa;
    color: #000;
}

.attendance-data div {
    font-size: 12px;
}
.attendanc-excel{
    padding-bottom: 12px !important;
}

.payroll-monthly{
    padding-bottom: 5px !important;
    display: flex;
    justify-content: flex-end;
}

.monthly-data {
    max-height: 450px;
    padding: 0px !important;
    overflow: auto;
    clear: both;
    background: #8285e10f;
    font-size: 12px !important;
}
.leave_list-popup.widget #calhead .col, .widget .monthly-data.col {
    padding: 12px 7px !important;
}
.monthly-data.col {
    font-size: 12px !important;
}

.emp-data.col {
    word-wrap: normal;
    padding: 7px 5px !important;
}

.emp-data{
    margin: 0px !important;
}

.emp-data b{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px !important;
    /* padding: 7px 5px; */
    color: #8285e1;
}   

.paycheck-excel{
    margin-bottom: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    column-gap: 65px;
}

.titlelable {
    background: #e1ebff;
    border-radius: 4px;
    padding: 8px 15px !important;
    font-size: 12px;
    font-weight: 500;
}

.ui-dialog .dialog_al.ui-dialog-content{
    max-height: 95vh !important;
    height: fit-content !important;
}
.max-height-95{
    max-height: 95vh !important;
}
.employee-group-listing-group label {
    display: inline-block;
    background-color: rgba(255, 255, 255, .9);
    border: 2px solid rgba(0, 0, 0, 0.33);
    color: rgba(0, 0, 0, 0.57);
    border-radius: 25px;
    white-space: nowrap;
    padding: 8px 14px 8px 12px;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    left: -5px;
    user-select: none;
    font-weight: 500;
}
.employee-group-listing-group input[type="checkbox"]:checked + label {
    border: 2px solid #8285e1;
    color: #8285e1;
    transition: all .2s;
}

.employee-group-listing-group input[type="checkbox"]{
    display: none;
}

.employee-group-listing-group label::before {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    padding: 2px 6px 2px 2px;
    content: "\f067";
    transition: transform .3s ease-in-out;
}

.employee-group-listing-group input[type="checkbox"]:checked + label::before {
    content: "\f00c";
    transform: rotate(-360deg);
    transition: transform .3s ease-in-out;
}
.ui-dialog #vendor_dialog.ui-dialog-content{
   max-height: 85vh !important;
}
.ui-dialog #vendor_dialog.ui-dialog-content .popup-body{
    height: 100%;
    max-height: 435px;
    overflow-y: auto;
}
.home-dash-board-card-outer .image-outer {
    width: 50px;
    height: 50px;
}

.home-dash-board-card-outer h2 {
    color: var(--txtcolor);
    background: var(--bgcard);
    padding: 10px;
    border-radius: 12px;
}

.home-dash-board-card-outer p {
    font-size: 14px;
    color: #8b8b8b;
}
#vendors-list .table-responsive table tr:where(.tr-hover-none:hover,.tr-hover-none) td {
    padding: 10px 0 !important;
    background: transparent !important;
}