/*-----------Fonts Used----------*/
@font-face {
  font-family: "futuramedium";
  src: url("../home_page_fonts/futura_1-webfont.woff2") format("woff2"),
    url("../home_page_fonts/futura_1-webfont.woff") format("woff"),
    url("../home_page_fonts/Futura_1.otf") format("otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "latomedium";
  src: url("../home_page_fonts/lato-medium-webfont.woff2") format("woff2"),
    url("../home_page_fonts/lato-medium-webfont.woff") format("woff"),
    url("../home_page_fonts/Lato-Medium.ttf") format("ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "aller_lightregular";
  src: url("../home_page_fonts/aller_lt_0-webfont.woff2") format("woff2"),
    url("../home_page_fonts/aller_lt_0-webfont.woff") format("woff"),
    url("../home_page_fonts/Aller_Lt_0.ttf") format("ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sansbold";
  src: url("fonts/opensans-bold-webfont.woff2") format("woff2"),
    url("fonts/opensans-bold-webfont.woff") format("woff"),
    url("fonts/opensans-bold-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sansbold_italic";
  src: url("fonts/opensans-bolditalic-webfont.woff2") format("woff2"),
    url("fonts/opensans-bolditalic-webfont.woff") format("woff"),
    url("fonts/opensans-bolditalic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sansextrabold";
  src: url("fonts/opensans-extrabold-webfont.woff2") format("woff2"),
    url("fonts/opensans-extrabold-webfont.woff") format("woff"),
    url("fonts/opensans-extrabold-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sansextrabold_italic";
  src: url("fonts/opensans-extrabolditalic-webfont.woff2") format("woff2"),
    url("fonts/opensans-extrabolditalic-webfont.woff") format("woff"),
    url("fonts/opensans-extrabolditalic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sansitalic";
  src: url("fonts/opensans-italic-webfont.woff2") format("woff2"),
    url("fonts/opensans-italic-webfont.woff") format("woff"),
    url("fonts/opensans-italic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sanslight";
  src: url("fonts/opensans-light-webfont.woff2") format("woff2"),
    url("fonts/opensans-light-webfont.woff") format("woff"),
    url("fonts/opensans-light-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sanslight_italic";
  src: url("fonts/opensans-lightitalic-webfont.woff2") format("woff2"),
    url("fonts/opensans-lightitalic-webfont.woff") format("woff"),
    url("fonts/opensans-lightitalic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sansregular";
  src: url("fonts/opensans-regular-webfont.woff2") format("woff2"),
    url("fonts/opensans-regular-webfont.woff") format("woff"),
    url("fonts/opensans-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sanssemibold";
  src: url("fonts/opensans-semibold-webfont.woff2") format("woff2"),
    url("fonts/opensans-semibold-webfont.woff") format("woff"),
    url("fonts/opensans-semibold-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sanssemibold_italic";
  src: url("fonts/opensans-semibolditalic-webfont.woff2") format("woff2"),
    url("fonts/opensans-semibolditalic-webfont.woff") format("woff"),
    url("fonts/opensans-semibolditalic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

html,
body {
  height: 100%;
  font-family: "robotoregular";
}
@font-face {
  font-family: "robotobold";
  src: url("fonts/roboto-bold-webfont.eot");
  src: url("fonts/roboto-bold-webfont.eot?#iefix") format("embedded-opentype"),
    url("fonts/roboto-bold-webfont.woff2") format("woff2"),
    url("fonts/roboto-bold-webfont.woff") format("woff"),
    url("fonts/roboto-bold-webfont.svg#robotobold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "robotolight";
  src: url("fonts/roboto-light-webfont.eot");
  src: url("fonts/roboto-light-webfont.eot?#iefix") format("embedded-opentype"),
    url("fonts/roboto-light-webfont.woff2") format("woff2"),
    url("fonts/roboto-light-webfont.woff") format("woff"),
    url("fonts/roboto-light-webfont.svg#robotolight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "robotoregular";
  src: url("fonts/roboto-regular-webfont.eot");
  src: url("fonts/roboto-regular-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/roboto-regular-webfont.woff2") format("woff2"),
    url("fonts/roboto-regular-webfont.woff") format("woff"),
    url("fonts/roboto-regular-webfont.svg#robotoregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "avantgardeitcregular";
  src: url("fonts/avantgardeitc-demi-webfont.eot");
  src: url("fonts/avantgardeitc-demi-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/avantgardeitc-demi-webfont.woff2") format("woff2"),
    url("fonts/avantgardeitc-demi-webfont.woff") format("woff"),
    url("fonts/avantgardeitc-demi-webfont.svg#avantgardeitcregular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
.sow-panel .panel-default > .panel-heading {
  color: #0a7cbb;
  background-color: #cbe6f3;
  border-color: #389cd3 !important;
  font-size: 18px;
}

.sow-panel .table thead tr th {
  background: #389cd3 !important;
  color: #fff !important;
}

/*-----------Fonts Used----------*/
.content {
  min-height: 100%;
  padding-bottom: 50px;
}
a {
  text-decoration: none !important;
}
a:active,
a:focus {
  outline: none;
  ie-dummy: expression(this.hideFocus=true);
}

/* Dropdown
-------------------------------------------------------*/
.dropdown-menu li > a {
  text-align: right;
}

.table-mandatory .thead-dark {
  color: #fff;
  background-color: #0acfcf;
  background-repeat: repeat-y;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#0acfcf),
    to(#5264bf)
  );
  background: -webkit-linear-gradient(left, #5264bf, #0acfcf);
  background: -moz-linear-gradient(left, #5264bf, #0acfcf);
  background: -ms-linear-gradient(left, #5264bf, #0acfcf);
  background: -o-linear-gradient(left, #5264bf, #0acfcf);
  font-size: 18px;
  font-weight: 300;
}
.table-mandatory .success-status {
  background-color: #13cb7b !important;
  color: #fff;
}
.table-mandatory .collapse table {
  border-left: 5px solid #4d6cc1;
}
.table-mandatory .collapse .pl-5 {
  padding-left: 45px;
  padding-top: 20px;
}
.table-mandatory .table-striped > tbody > tr:nth-of-type(odd) {
  background: #c6f3f5;
  color: #000;
  font-weight: 700;
}
.table-mandatory .table-striped table thead {
  background: #64bbbf;
  font-weight: bold;
}
.table-mandatory table {
  position: relative;
}
.nested-icon:before {
  content: "";
  position: absolute;
  top: -21px;
  left: -38px;
  background: url(../img/table-nested.png);
  height: 55px;
  width: 35px;
}
.table-mandatory .show {
  display: table-row !important;
}

.levels-wrap {
  background: #f1f1f1;
  padding: 5px;
}
.modal-row__col .input.text {
  width: 84%;
}
.modal-row.modal-row--space {
  margin-bottom: 15px;
  margin-top: 15px;
}
.modal-row__col {
  flex: 0 0 175px;
  max-width: 175px;
}
.modal-row__col-first {
  flex: 0 0 200px;
  max-width: 200px;
}
/********page layout **********/
.wrapper {
  float: left;
  width: 100%;
  min-height: 100%;
  position: relative;
  overflow: hidden;
}
.dropdown-menu {
  min-width: 175px;
}
#wrapper {
  height: 100%;
  min-height: 100%;
  padding-bottom: 100px;
}
#wrapper.sticky-none {
  padding-bottom: 79px;
}
#footer {
  height: 80px;
  position: absolute;
  bottom: 0;
  float: left;
  width: 100%;
  font-size: 13px;
}
.nav-footer {
  padding: 0;
  margin: 0;
  text-align: right;
}
.nav-footer li {
  display: inline-block;
  margin-left: 10px;
  background: url(images/icon-list.png) no-repeat center left;
  padding-left: 15px;
}
.nav-footer li a,
.nav-footer li a:hover {
  color: #dbdbdb;
}
.gridShorttsk,
.gridShort,
.gridShort,
.d-row:hover {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
#adHrs {
  display: none;
}
.edit-input {
  display: none;
}

.container .span1,
.container .span2,
.container .span3,
.container .span4,
.container .span5,
.container .span6,
.container .span7,
.container .span8,
.container .span9,
.container .span10,
.container .span11,
.container .span12,
.container .span13,
.container .span14,
.container .span15,
.container .span16 {
  display: inline;
  margin-left: 10px;
  margin-right: 10px;
}

/**Box Sizing
------------------------------------------------------------------------------------------------- */
.container-fluid,
.header-bg,
.comntsHead,
.entrHrs input.hrs,
.hrsTask,
.modal-header,
.modal,
.modal .row-fluid,
footer,
.cmntsDate,
.cmntsWholeweek,
.rjctHrsStatus,
.cmntsArea {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}
/* Prefix
-----------------------------------------------------------*/
.prefix10 {
  padding-left: 10px;
}
.prefix20 {
  padding-left: 20px;
}
.padding-lt-24 {
  padding-left: 24px;
}
.prefix-rt-20 {
  padding-right: 20px;
}
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
  margin-left: 0 !important;
}
.omega {
  margin-right: 0 !important;
}
.txt-alignRight {
  text-align: right;
}
.txt-alignLeft {
  text-align: left;
}
.txt-alignCenter {
  text-align: center;
}
.clearBoth {
  clear: both;
}
.l-full {
  width: 100%;
}
.pull_inline {
  display: inline-block !important;
  /* *display: inline; */
  /* IE7 inline-block hack */
}
.margin0 {
  margin: 0;
}
.margin-bt-0 {
  margin-bottom: 0px !important;
}
.margin-lt-20 {
  margin-left: 20px !important;
}

/*Background colors
--------------------------------------------------------------------------------*/
.popTpbg {
  border-bottom: 1px solid #ddd;
  background: #ebebeb;
}
.popBtbg {
  background-color: #f5f5f5;
  border-bottom: 1px solid #dfdfdf;
}
.bg-grey {
  background-color: #e4e4e4;
}
/*popup
-------------------------------------------------------------------------------*/
.modal .row-fluid {
  padding: 5px;
}
#myModal select {
  font-size: 12px;
  color: #6a6a6a;
  padding: 5px;
}
.modelHd {
  color: #383c45;
  font-size: 24px;
  margin: 0;
  font-weight: normal;
  line-height: 33x;
}
.modal-projectinfo {
  font-size: 14px;
  color: #383c45;
  padding: 0;
  margin: 0;
}
.modal-projectinfo .project-label {
  color: #0159a4;
}
/**icons
-----------------------------------------------------------------------------**/
.caret1 {
  display: inline-block;
  width: 0;
  height: 0;
  text-indent: -99999px;
  *text-indent: 0;
  vertical-align: middle;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #000000;
  opacity: 0.3;
  filter: alpha(opacity=30);
  content: "\2193";
  margin-left: 2px;
}
/** forms
---------------------------------------------------------------------------------------**/
.input-m_mini {
  width: 75px;
  font-size: 13px;
  padding: 5px;
}
.input-m_med {
  width: 140px;
  font-size: 13px;
  padding: 5px;
}
.input-m_large {
  width: 283px;
  font-size: 13px;
  padding: 5px;
}
.input-full {
  width: 100%;
  font-size: 13px;
  padding: 5px;
}
/**margings
---------------------------------------------------------------------------------------**/
.space_out_60 {
  margin-top: 60px;
}
.space_out_30 {
  margin-top: 30px !important;
}
.space_out_20 {
  margin-top: 20px;
}
.space_out_10 {
  margin-top: 10px;
}
.space_out_14 {
  margin-top: 14px;
}
.space_out_5 {
  margin-top: 5px;
}
.space_outr_1 {
  margin-right: 10px;
}
.space_bout_30 {
  margin-bottom: 30px;
}
.space_bout_20 {
  margin-bottom: 20px;
}
.space_bout_10 {
  margin-bottom: 10px;
}
.space_out_left_10 {
  margin-left: 10px;
}
.space_inner_5 {
  padding: 5px;
}
.space_innertop_10 {
  padding-top: 10px;
}
.space_innertop_14 {
  padding-top: 14px;
}
.space_bottom_20 {
  margin-bottom: 20px;
}
.space_bottom_25 {
  margin-bottom: 25px;
}
.space_top_20 {
  margin-top: 20px;
}
.space_inner_btm_0 {
  padding-bottom: 0px;
}
.space_bottom_10 {
  padding-bottom: 10px;
}
.profileName {
  color: #fff;
  text-decoration: none;
  padding: 11px 14px;
}
.profileName .welcome-user {
  margin-right: 12px;
}
.welcome-user-mb {
  background: url(../img/welcome-user-mb.png) left no-repeat;
  padding-left: 45px !important;
  background-position: 15px;
}
.welcome-user-mb:active,
.welcome-user-mb:focus,
.welcome-user-mb:hover,
.welcome-user-mb:visited {
  background: url(../img/welcome-user.png) left no-repeat;
  padding-left: 45px !important;
  background-position: 15px;
}
.leave-icon {
  background: url(../img/leave-icon.png) left no-repeat;
  padding-left: 45px !important;
  background-position: 14px !important;
}
.leave-icon:active,
.leave-icon:focus,
.leave-icon:hover,
.leave-icon:visited,
.navbar-default .navbar-nav > .open a.leave-icon:focus {
  background: url(../img/leave-icon-white.png) left no-repeat;
  padding-left: 45px !important;
  background-position: 14px !important;
}
.clock-icon {
  background: url(../img/clock-icon.png) left no-repeat;
  padding-left: 45px !important;
  background-position: 14px !important;
}
.clock-icon:active,
.clock-icon:focus,
.clock-icon:hover,
.clock-icon:visited {
  background: url(../img/clock-icon-white.png) left no-repeat;
  padding-left: 45px !important;
  background-position: 14px !important;
}
.setting-icon {
  background: url(../img/setting-icon.png) left no-repeat;
  padding-left: 45px !important;
  background-position: 14px !important;
}
.setting-icon:active,
.setting-icon:focus,
.setting-icon:hover,
.setting-icon:visited {
  background: url(../img/setting-icon-white.png) left no-repeat;
  padding-left: 45px !important;
  background-position: 14px !important;
}
.nav-item-icon {
  margin-right: 12px;
  margin-bottom: 3px;
}
.dropdown .profileName .caret {
  margin: 2px 7px 0px 5px;
}
/*relative positions
------------------------------------------------------------------------------------*/
.topM23 {
  top: -23px;
}
/*typography
-----------------------------------------------------------------------------------*/
.remove_link {
  font-size: 11px;
  color: #cc0000;
  background: url(../img/icons/small_cancel.png) left no-repeat;
  padding-left: 15px;
  text-decoration: none;
  margin-right: 10px;
}
.whleWeek {
  font-size: 18px;
  margin: 0;
  padding-bottom: 10px;
}
.blueColor {
  color: #1a6393;
}
.greenColor {
  color: #609946;
}
.profileName:hover {
  color: #fff;
  text-decoration: none;
  background-color: #5264bf;
}
.profileName:focus {
  color: #fff;
}
.addTask {
  background: url(../img/icons/add_task.png) left no-repeat;
  padding: 10px 25px;
  color: #ca3623;
  text-decoration: none;
  display: inline-block;
  clear: both;
}
.addTask:hover {
  text-decoration: underline;
  color: #ca3623;
}
.pageHeading {
  font-weight: normal;
  color: #444444;
  font-size: 31px;
  line-height: 61px;
  font-family: avantgardeitcregular;
  text-transform: capitalize;
  margin: 50px 0 40px 0;
  border-bottom: 1px solid #d7d7d7;
}
.pageHeading_black {
  font-weight: normal;
  color: #383c45;
  font-size: 25px;
  font-family: avantgardeitcregular;
}
.modal .pageHeading_black {
  margin-top: 0;
  margin-bottom: 0;
}
.shCode-ha,
.shCode-hr,
.shCode-hs,
.shCode-hm,
.shCode-hi,
.shCode-hp,
.shCode-ce,
.shCode-cne,
.shCode-hap,
.shCode-weekend {
  font-size: 10px;
  padding-left: 19px;
  display: block;
}
.shCode-hs,
.shCode-hm {
  color: #5b72ad;
}
.shCode-hap {
  background: #609946;
}
.shCode-hap span {
  background: url(../img/icons/hours_approved_user.png) no-repeat left;
}
.shCode-hi {
  background: #609946;
}
.shCode-hi span {
  background: url(../img/icons/i_icon.gif) no-repeat left;
}
.shCode-weekend {
  background: #d18432;
}
.shCode-weekend span {
  background: url(../img/icons/weekend_notification.gif) no-repeat left;
}
.shCode-ha {
  background: #609946;
}
.shCode-ha span {
  background: url(../img/icons/hours_approved.gif) no-repeat left;
}
.shCode-hr {
  background: #de111e;
  color: #de111e;
}
.shCode-hr span {
  background: url(../img/icons/hours_rejected.gif) no-repeat left;
}
.shCode-hs span {
  background: url(../img/icons/super_modify.gif) no-repeat left;
}
.shCode-hm span {
  background: url(../img/icons/managermodify.gif) no-repeat left;
}
.shCode-hp {
  background: #de111e;
}
.shCode-hp span {
  background: url(../img/icons/outofpolicy.gif) no-repeat left;
}
.shCode-ce {
  background: #306199;
}
.shCode-ce span {
  background: url(../img/icons/arrow_down_grid_blue.png) no-repeat left;
}
.shCode-cne {
  background: #fc7e22;
}
.shCode-cne span {
  background: url(../img/icons/arrow_down_grid.png) no-repeat left;
}
.topMenu-bg {
  /* fallback */
  background-color: #0acfcf;
  background-image: url(../img/top_menu_bg.gif);
  background-repeat: repeat-y;
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#0acfcf),
    to(#5264bf)
  );
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(left, #5264bf, #0acfcf);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(left, #5264bf, #0acfcf);
  /* IE 10 */
  background: -ms-linear-gradient(left, #5264bf, #0acfcf);
  /* Opera 11.10+ */
  background: -o-linear-gradient(left, #5264bf, #0acfcf);
  height: 40px;
}
.topNav {
  color: #729fd2;
  display: inline-block;
  padding-top: 10px;
  line-height: 18px;
  background: transparent;
  width: auto;
}
.navbar,
.topNav {
  box-shadow: none;
  height: auto;
  min-height: auto;
}
.topNav_link {
  color: #e2e2e2;
  text-decoration: none;
}
.topNav_link:hover {
  text-decoration: underline;
  color: #e2e2e2;
}
.text-center {
  text-align: center;
}
/** Notifications **/
.recent_notification {
  font-size: 11px;
  color: #666;
  padding: 5px;
  width: 300px;
}
.notificationInfo {
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  margin-bottom: 5px;
  background: url(../img/icons/notifications.png) no-repeat left top;
  padding-left: 20px;
}
.notificationInfo:hover {
  background-color: #f6f6f6;
}
.notificationInfo a {
  color: #3b5998;
}
.notiTime {
  clear: both;
  color: #cfcfcf;
  display: block;
}
.notification,
.notification_active,
.notification_inactive {
  background-color: #3c568a;
  color: #8ba1cb !important;
  padding: 0px 8px;
  text-decoration: none;
  display: inline-block;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  font-weight: 700;
  box-shadow: inset 0 0 10px #284272;
  -moz-box-shadow: inset 0 0 10px #284272;
  -webkit-box-shadow: inset 0 0 10px #284272;
}
.notification_active {
  background-color: #ff0000;
  color: #ffffff !important;
}
.notiViewall {
  color: #4f638f !important;
  background-color: #f0f0f0;
  text-align: center;
  text-decoration: none;
  display: block;
  padding: 3px;
}
.notiViewall:hover {
  background-color: #d8d8d8 !important;
}
.notification_rows li {
  border-bottom: 1px solid #ccc;
}
.notification_rows li:last-child {
  border-bottom: 0px solid #ccc;
}
/** Notifications end **/
.secndNav {
  display: inline-block;
  /* padding-left: 5px; */
  line-height: 38px;
}
.tpProfileimg img {
  width: 61px;
  height: 40px;
}
.poplbl {
  font-size: 14px;
  color: #0159a4;
}
.poplbl1 {
  font-size: 14px;
  color: #383c45;
}
.leaveFields .col-sm-2 .firstField span,
.leaveFields .col-sm-3 .firstField span {
  float: left;
  width: 100%;
  max-width: 100%;
  font-weight: normal;
  color: #606060;
  font-size: 16px;
  margin-bottom: 9px;
}
.leaveFields .col-sm-2 .firstField select,
.leaveFields .col-sm-3 .firstField select {
  float: left;
  width: 100%;
  border: 1px solid #d7d7d7;
  box-shadow: none;
  color: #b7b5b5;
  height: 40px;
  line-height: 1.42857;
  margin: 0 !important;
  padding: 7px 12px;
  background: #fff;
  font-size: 16px;
}
.leaveFields.section-search .firstField.alignLeft {
  width: 100%;
}
/*header
----------------------------------------------------------------------------------*/
.header-bg {
  background-color: #f8f8f8;
  border-bottom: 2px solid #dadada;
  padding: 10px 10px;
  float: left;
  width: 100%;
}
.logo {
  background: url(../img/logo.png) no-repeat;
  width: 293px;
  height: 61px;
  display: block;
  text-indent: -9999px;
  float: left;
}
.header-bg.login-header {
  background-color: transparent;
  border-bottom: none;
  padding: 0;
  float: none;
  width: auto;
  display: table;
  margin: 40px auto 6px;
}
.logo:hover {
  opacity: 0.8;
}
.mainNav {
  list-style: none;
  margin: 0;
  padding-top: 10px;
}
.mainNav li {
  float: right;
}
.mainNav li a {
  color: #414141;
  font-size: 15px;
  text-decoration: none;
  font-weight: normal;
  display: block;
  border-bottom: 2px solid transparent;
  text-align: left;
}
.mainNav li a:hover {
  color: #fff;
  background-color: #348cc5;
  border-bottom: 2px solid #236fa1;
}
.mainNavlist li {
  width: 100%;
  text-align: right;
}
.mainNavlist li a {
  font-size: 12px;
}
.tymTracking {
  padding: 10px 10px 10px 13px;
  border-bottom: 2px solid #f8f8f8;
}
.tymTracking:hover,
.tymTracking:focus {
  padding: 10px 10px 10px 13px;
}
.leaveManagement,
.profileName {
  padding: 10px 10px 10px 13px;
  border-bottom: 2px solid #f8f8f8;
}
.profileName {
  font-size: 14px;
  padding: 10px 10px 7px 13px;
}
.leaveManagement .fa,
.tymTracking .fa,
.profileName .fa {
  font-size: 20px;
  position: relative;
  margin-right: 12px;
  top: 2px;
  height: auto;
  line-height: auto;
}
.navbar-nav > li > a.active {
  border-left: 0;
}
.leaveManagement:hover,
.leaveManagement:focus {
  padding: 10px 10px 10px 13px;
}
.chsWeek {
  padding-right: 20px;
  font-size: 14px;
  color: #414141;
  float: left;
  text-transform: capitalize;
}
.chsWeek,
.chsYear {
  margin: 0;
}
.chsWeek span,
.chsYear span {
  display: block;
}
.chsYear {
  font-size: 14px;
  color: #414141;
  float: right;
  text-transform: capitalize;
}
.tblHd {
  background-color: #f1f1f1;
}
.sendapLd {
  margin-top: 15px;
  margin-right: 10px;
}
.gridShortscode {
  list-style: none;
  padding: 10px 0 0;
}
.gridShortscode li {
  padding-right: 10px;
  float: left;
}
.checkinLinkError,
.checkinLinkError:focus,
.checkinLinkError:hover,
.checkinLinkError:active {
  color: #ff0000;
  text-decoration: underline !important;
}
.gridShortscode li a.gridShort,
.checkinLink {
  border: 1px solid #348cc5;
  padding: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #348cc5;
  text-decoration: none;
  display: block;
}
.checkinLink {
  display: inline-block;
}
.gridShortscode li a.gridShort:hover,
.checkinLink:hover {
  border: 1px solid #2e81b7;
  background-color: #348cc5;
  color: #fff;
}
.addNewMain {
  width: 100%;
  margin-bottom: 10px;
}
.entrHrs {
  width: 100%;
  height: 28px;
  border: 1px solid #ccc;
  background-color: #fff;
  margin-top: 0px;
}
.entrHrs input {
  width: 50%;
  height: 28px;
  border: 0px;
  float: left;
  padding: 0px;
  margin: 0px;
}
.entrHrs input.hrs {
  content: "#";
  color: #000;
  border-right: 1px dashed #ccc;
  border-radius: 0px;
  text-align: center;
  font-size: 12px;
}
.entrHrs select {
  -moz-appearance: none;
  border: 0 none !important;
  color: #979797;
  font-size: 14px;
  margin-top: 3px;
  padding: 2px;
  text-indent: 0.01px;
  text-overflow: "";
  width: 48%;
  height: 25px;
}
.dailyTaskhd {
  text-transform: uppercase;
  color: #84900a;
}
.hrsTd {
  width: 76px;
  vertical-align: middle !important;
  padding: 3px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

form.gtable .hrsTd {
  height: 95px;
  position: relative;
  padding: 0px;
}
.hrsTd p {
  margin: 0;
}
.hrsTtl-hd {
  width: 51px;
  font-size: 13px;
  vertical-align: middle !important;
  text-align: center !important;
}
.hrsTtl,
.hrsTtl_big {
  width: 51px;
  color: #3b5998;
  font-size: 13px;
  vertical-align: middle !important;
  text-align: center !important; /*padding-top: 28px;*/
}
.hrsTtl_big {
  font-size: 16px;
  padding-bottom: 8px;
}
.hrsTtl-value {
  width: 51px;
  color: #3b5998;
  font-size: 13px;
  text-align: center !important;
  line-height: 89px;
}
.hrsCmnts,
.rjctHrsStatus {
  width: 77px;
  vertical-align: middle !important;
  text-align: center !important; /*padding-top: 27px;*/
}
.rjctHrsStatus {
  padding: 0px 10px;
}
.hrsCmnts a {
  padding-right: 10px;
}
.hrsRemv {
  width: 30px;
  vertical-align: middle !important;
  text-align: center;
}
.hrsTask {
  width: 246px;
  vertical-align: middle !important;
  padding-left: 10px;
}
.hrsTask select {
  font-size: 12px;
  min-height: 29px;
}
.hrsTask strong {
  font-weight: normal;
  color: #4c66a4;
}
.hrsOptions {
  float: right;
  height: 28px;
  position: absolute;
  right: 5px;
  top: 0;
}
.hrsDay {
  color: #6a6a6a;
  font-size: 16px;
  text-align: center;
  height: 27px;
}
.hrsDayreject {
  color: #de111e;
  font-size: 16px;
  text-align: center;
  height: 27px;
  padding-top: 10px;
}
.hrsStatus {
  padding-top: 10px;
  min-height: 30px;
  position: absolute;
  width: 100%;
  bottom: 0px;
}
.hrsStatus span {
  cursor: pointer;
}
.hrsRject {
  background-color: #de111e;
  text-align: center;
  width: 25px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  float: left;
}
.rejectHrs {
  background-color: #de111e;
  text-align: center;
  width: 25px;
  height: 20px;
  line-height: 17px;
  display: inline-block;
  float: right;
}
.hrsAprv,
.hrsInvoice {
  background-color: #609946;
  text-align: center;
  width: 25px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  float: left;
  color: #ffffff;
}
.hrsAprvmang {
  background-color: #5b72ad;
  text-align: center;
  width: 25px;
  height: 20px;
  line-height: 20px;
  display: block;
  font-size: 12px;
  color: #fff;
}
.hrsOtpolicy {
  background-color: #feefed !important;
  text-align: center !important;
}
.ttlHrsOtpolicy {
  background-color: #d64937 !important;
  text-align: center !important;
  color: #fff !important;
}
.hrsnrm {
  background-color: #f0f0f0 !important;
  text-align: center !important;
}
.statusWholewek {
  font-size: 11px;
}
.hrsLabel {
  cursor: pointer;
}
.hrsLabel:hover {
  background: url(../img/icons/1392311749_pencil.png) no-repeat left;
}
.submission-text {
  position: relative;
}
/* Table div based
------------------------------------------------------------------------*/
.prev-next-wrap {
  display: table;
  margin: 15px auto 20px;
}
.prev-next-wrap a,
.prev-next-wrap button {
  background: #389cd3;
  border-radius: 3px;
  border-bottom: 4px solid #2a7fae;
  border: 0;
  padding: 7px 16px;
  font-size: 18px;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  min-width: 110px;
  text-align: center;
}
.prev-next-wrap a + a,
button + button {
  margin-left: 15px;
}
.prev-next-wrap a:hover,
.prev-next-wrap a:focus,
.prev-next-wrap button:hover,
.prev-next-wrap button:focus {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12),
    0 3px 1px -1px rgba(0, 0, 0, 0.2) !important;
}
.d-table {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.d-row {
  display: table-row;
  border-bottom: 1px solid #ccc;
}
.d-row:hover {
  background-color: #ecf6fb;
}
.gtable {
  height: 95px;
}
.rwEdit {
  position: absolute;
  display: none;
}
.modal-dialog .rwEdit {
  position: inherit;
}
.rwEdit > img {
  left: -18px;
  position: relative;
  top: 4px;
}
.rwEdit > img.supervisor {
  left: -18px;
  left: -30px;
  position: relative;
  top: -18px;
}
.rwRemv {
  position: relative;
  top: -5px;
  height: 61px;
  display: block;
}
.rwRemv img {
  padding-top: 13px;
}
.tfgs {
  border-bottom: 1px solid #cccccc;
  display: table-row;
}
.d-cell {
  display: table-cell;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  padding: 5px 8px;
}
.d-cell:first-child {
  border-left: 0px;
}
.first,
.second {
  width: 50%;
}
.sfirst {
  width: 25%;
  padding: 3px;
}
.ssecond {
  width: 50%;
  padding: 3px;
  vertical-align: middle;
}
.sthird {
  width: 30%;
  padding: 3px;
  vertical-align: middle;
}
.sforth {
  width: 10%;
  padding: 3px;
  vertical-align: middle;
}
.sfivth {
  width: 40%;
  padding: 3px;
  vertical-align: middle;
}
.ssixth {
  width: 16%;
  padding: 3px;
  vertical-align: middle;
}
.addcmts {
  margin-bottom: 0px !important;
}
.grdTh {
  background-color: #b9c8de;
}
.lftnobder {
  border-left: 0;
}
.ttlNrm {
  background-color: #f1f1f1;
  text-align: center;
}
.comntsHead {
  background-color: #efefef;
  padding: 5px;
  min-height: 72px;
  float: left;
  width: 100%;
}
.rowNum {
  border: 2px solid #609946;
  height: 63px;
  width: 63px;
  float: left;
  line-height: 53px;
  padding-left: 0px;
  font-weight: normal;
  font-size: 13px;
  padding-right: 0px;
  margin: 3px 0 0 0;
  padding-top: 3px;
  text-align: center;
}
.rowTask {
  list-style: none;
  margin: 0;
  padding-top: 26px;
}
.rowTask li {
  float: left;
  padding-right: 5px;
  color: #616161;
  font-size: 12px;
  margin-right: 30px;
}
.rowTask li strong {
  color: #3b5998;
}
.rowTtlhrs {
  background: url(../img/icons/grid_clock.png) no-repeat left;
  padding: 10px 0px 10px 35px;
  font-size: 24px;
  color: #324d5b;
  float: right;
}
.rowCmtmain {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 0px solid #ccc;
  border-left: 1px solid #ccc;
  margin-bottom: 10px;
  float: left;
  width: 100%;
}
/* Employee search filer
---------------------------------------------------------------------*/
.emplyee_search_filer {
  border: 1px solid #d1d1d1;
}
.emp_filter_heading {
  margin: 0;
  background-color: #dedede;
  color: #3c4452;
  font-size: 12px;
  padding-left: 3px;
  line-height: 28px;
}
.emplyee_search_filer .emp_filter_heading {
  background-color: transparent;
  padding: 0;
  font-size: 16px;
  color: #878787;
}
.emp_filter_choice {
  padding: 10px 5px;
  margin: 0;
}
.processedBy_pending {
  background: url(../img/icons/flat_remove.png) no-repeat 95% 5% #feefed;
  border: 1px solid #cc0000;
  font-size: 14px;
  color: #cc0000;
  text-align: center;
  line-height: 61px;
  width: 73px;
}
.processedBy_approve {
  background: url(../img/icons/flat_aprrove.png) no-repeat 95% 5% #e9ffda;
  border: 1px solid #347f00;
  font-size: 14px;
  color: #347f00;
  text-align: center;
  line-height: 61px;
  width: 73px;
}

/*Comment section
---------------------------------------------------------------------*/
.cmntsArea {
  padding: 10px;
  border-bottom: 1px solid #d1c4a4;
  float: left;
  width: 100%;
}
/*.cmntsArea:last-child{ border-bottom:0;}*/
.cmntsDate {
  background-color: #cc3c29;
  height: 64px;
  width: 64px;
  color: #ffffff;
  font-size: 14px;
  border: 1px solid #ad2d1c;
  line-height: 18px;
  text-align: center;
  padding-top: 20px;
  margin-right: 10px;
}
table td.infoInBubble {
  min-width: 100px;
}
table.notified tr td {
  padding: 5px !important;
}
.bubbletip td.bt-content .tip1 {
  padding: 0;
}
.cmntsWholeweek {
  background-color: #6fa257;
  height: 64px;
  width: 64px;
  color: #ffffff;
  font-size: 14px;
  border: 1px solid #487b30;
  line-height: 18px;
  text-align: center;
  padding-top: 14px;
  margin-right: 10px;
}
.media-heading {
  font-size: 12px;
  color: #3a589a;
  margin: 0;
  display: inline-block;
}
.timestamp {
  background: url(../img/icons/clock_small.png) no-repeat left;
  padding-left: 15px;
  color: #999;
  font-size: 11px;
  margin-bottom: 3px;
}
.media-reply {
  font-size: 11px;
  color: #175ea6;
  background: url(../img/icons/reply.png) left no-repeat;
  padding-left: 15px;
  text-decoration: none;
  /*margin-left: 5px;
	margin-left:10px;*/
}
.media-body {
  font-size: 12px;
  padding-right: 2px;
}
.media-body .comment {
  font-size: 11px;
  color: #666;
}
.commentBox {
  padding: 0;
  margin: 0;
  width: 98%;
  display: inline-block;
}
.cmtHeading {
  margin: 0;
  font-size: 12px;
  background-color: #d1d1d1;
  padding: 5px;
  line-height: 23px;
}
.cmtTxtarea textarea {
  margin-bottom: 14px;
}
.cmtTxtarea {
  border: 1px solid #ccc;
  padding: 15px 12px;
}
/** progress bar **/
.prgrsBar {
  width: 400px;
  padding-top: 10px;
}
/*footer
---------------------------------------------------------------------------------*/
.fbar {
  background: #181818;
  border-top: none;
  line-height: 65px;
  color: #fff;
  margin-top: 30px;
}
/** borders **/
.pageTilebdr {
  border-bottom: 1px solid #ccc;
}
/** content pages **/
.row h2 {
  width: 100%;
}
.u-right {
  float: right;
}
.u-left {
  float: left;
}
.feedback input[type="text"],
.feedback textarea {
  font-size: 12px;
  margin-bottom: 20px !important;
  color: #a7a7a7;
  font-family: arial;
  width: 100%;
}
.feedback select {
  font-size: 12px;
  margin-bottom: 20px !important;
  color: #a7a7a7;
  font-family: arial;
  width: 100%;
}
.feedback .btn-danger {
  border-radius: 3px;
}
.main_color {
  color: #93a2b2;
}
.text {
  font-size: 13px;
}

.row .span12,
.row .span5 {
  margin-left: 0px;
}
.accordion {
  margin-top: 10px;
}
.accordion h5 {
  cursor: pointer;
  padding: 20px;
  color: #4f4f51;
  background: url("../img/icons/up.jpg") no-repeat scroll left bottom 15px;
  padding-left: 30px;
  border-bottom: 1px solid #eeeceb;
}
.accordion h5.active {
  background: url("../img/icons/down.jpg") no-repeat scroll left bottom 15px;
  padding-left: 30px;
}
.accordion p {
  background: #4f4f51;
  color: #fff;
  padding: 20px;
  margin-top: -10px;
}

/*Headings
---------------------------------------------------------------------------------*/
.notification_day {
  color: #141823;
  font-size: 14px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 5px;
}

/* Notification
---------------------------------------------------------------------------------*/
.notification_list {
  font-size: 12px;
  margin-bottom: 30px;
}
.notification_list li {
  border-bottom: 1px solid #efefef;
  background: url(../img/icons/notifications.png) no-repeat 0% 50%;
  padding: 7px 0px 7px 20px;
}
.notification_list li a {
  color: #3366cc;
}
.notification_list li a:hover {
  text-decoration: underline !important;
}
/*comment section
---------------------------------------------------------------------------------*/
.media .media {
  padding-right: 51px;
}
/*****buttons ********/
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #51a351),
    color-stop(1, #51a351)
  );
}
.time-tracking-dropdown {
  min-width: 140px;
}
.time-tracking-dropdown i {
  margin-top: 3px;
}
/* .time-tracking-dropdown  li a {
	padding:4px 35px;
} */
.time-tracking-dropdown li {
  float: none;
}
.time-tracking-dropdown .icon-position {
  padding-right: 25px;
}
.teams {
  background: url(../img/icons/team.png) no-repeat;
  padding: 0px 5px 5px 25px;
}
.dropdown-menu li .password {
  background: url(../img/icons/password.png) no-repeat;
}
.dropdown-menu li .logout {
  background: url(../img/icons/logout.png) no-repeat;
}
.mainNav li a .teams:hover {
  background: url(../img/icons/team-hover.png) no-repeat;
}
.dropdown-menu li a .password:hover {
  background: url(../img/icons/password-hover.png) no-repeat #0081c2;
}
.dropdown-menu li a .logout:hover {
  background: url(../img/icons/logout-hover.png) no-repeat #0081c2;
}

/*************Finance Screen**************/

.row .width-span6 {
  width: 565px;
}
.filterHeading {
  color: #3d3d3d;
  font-size: 12px;
  font-weight: bold;
  margin-left: -1px;
}
.filter_borders {
  border: 1px solid #dddddd;
  border-top: none;
  padding: 20px 20px 15px 20px;
  float: left;
  width: 100%;
}
.billable {
  padding: 8px;
  color: #fff;
  font-weight: normal;
}
.billable input[type="checkbox"] {
  margin-right: 5px;
  margin-top: 0;
}
.billable-bg {
  background-color: #3c9200;
}
.non-billable-bg {
  background-color: #2980b9;
  margin-left: 7px;
}
.active-bg {
  background-color: #2980b9;
  margin-left: 7px;
}
.inactive-bg {
  background-color: #a1a1a1;
  margin-left: 7px;
}
.billable-small {
  padding: 5px;
  color: #fff;
  border-radius: 3px;
  font-size: 11px;
  margin-left: 8px;
}

.borderLeft {
  border-left: 1px solid #dddddd;
}
.border {
  border: 1px solid #cccccc;
}
.chsClient {
  font-size: 14px;
  color: #414141;
  text-transform: capitalize;
  margin-top: 15px;
}
#projectDropdown .btn-group > .btn:first-child {
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}
#projectDropdown .btn {
  width: 195px;
}
#projectDropdown .btn-group > .dropdown-toggle {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
#projectDropdown .btn {
  border-color: #cccccc;
  text-shadow: none;
  background-color: #fff;
  background-image: none;
  box-shadow: none;
  font-size: 12px;
  text-align: left;
}
#projectDropdown ul li label {
  font-size: 12px;
}
#row1,
#row2 {
  margin: 0;
}
#row1 li,
#row2 li {
  list-style: none;
}
.sig_below,
.slight_below,
.above_target,
.group_main {
  color: #3c3f48;
  display: block;
}

li.row_project.row_project--inner a {
  margin-left: 43px !important;
}
li.row_project.row_project--inner a#add_Task,
li.row_project.row_project--inner a.add_project,
li.row_project.row_project--inner a.assign_user,
li.row_project.row_project--inner .assignUserEdit a,
li.row_project.row_project--inner .assignUserDelete a {
  margin-left: 0px !important;
}
li.row_project.row_project--inner .row_task a.trigger {
  margin-left: 0px !important;
}
.chosen--inner .select-caption {
  max-width: 100%;
  font-weight: normal;
  color: #606060;
  font-size: 16px;
  width: 100%;
}
.chosen--inner .chosen-container {
  margin: 10px 10px 20px 40px !important;
  padding: 5px !important;
}
.chosen-choices {
  padding: 5px !important;
}
.down_toggle,
.show_month {
  float: left;
  background: url(../img/icons/up.png) no-repeat scroll left top;
  background-position: 68% 74%;
  /* display:block; */
  height: 30px;
  width: 25px;
}
.row_project .up_toggle,
.row_project .hide_month {
  float: left;
}
.row_task .up_toggle,
.row_task .hide_month {
  margin-left: 43px;
}

.up_toggle,
.hide_month {
  background: url(../img/icons/down.png) no-repeat scroll left top !important;
  background-position: 68% 74% !important;
  height: 30px;
  width: 25px;
}
#innerRecords .up_toggle.open,
#innerRecords .down_toggle.open,
#innerRecords .down_toggle.up_toggle.open {
  background: url(../img/icons/down.png) no-repeat scroll left top !important;
  background-position: 68% 74% !important;
}
#innerRecords .up_toggle.down_toggle,
#innerRecords .down_toggle {
  background: url(../img/icons/up.png) no-repeat 68% 74% !important;
  background-position: 68% 74%;
}
.zeroMargin .down_toggle,
.zeroMargin .up_toggle {
  margin-top: 4px;
  margin-right: 7px;
}
.sig_below {
  background-color: #fedada;
  border-bottom: 1px solid #ecb1b1;
}
.slight_below {
  background-color: #ffcf79;
  border-bottom: 1px solid #dfb364 !important;
  border-left: 1px solid #dfb364 !important;
}
.above_target {
  background-color: #cbe6f3;
  border-bottom: 1px solid #389cd3 !important;
  border-left: 1px solid #389cd3 !important;
  border-right: 1px solid #389cd3 !important;
  min-height: 45px;
  padding: 2px 0;
}
#row1 .border-top {
  border-top: 1px solid #389cd3 !important;
}
.above_target .btn {
  margin-top: 5px;
  font-size: 13px;
  padding: 3px 12px;
}

.row_project .bootstrap-duallistbox-container.row.moveonselect {
  margin-left: 18px;
}
.editclient-rgt {
  margin-bottom: 20px;
  text-transform: uppercase;
}
.group_main {
  background-color: #fae0cf;
  border-bottom: 1px solid #f3b88f !important;
  border-left: 1px solid #f3b88f !important;
  border-right: 2px solid #f3b88f !important;
  min-height: 40px;
}
.above_target a {
  color: #138dd0;
}
.row_client .name,
.row_project .name,
.row_task .name {
  font-weight: normal;
  color: #0a7cbb;
  margin-left: -4px;
  padding: 10px;
  display: inline-block;
}
.task_toggle {
  background-color: #ccc;
  color: #3c3f48;
  display: block;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.down_project {
  margin-left: 20px;
}
.down_table {
  margin-left: 40px;
  background-color: #f5f5f5;
}
.hours_checkbox {
  border-left: 1px solid #ccc;
  display: inline-block;
  padding: 0px 13px;
}
.hours_checkbox input[type="checkbox"] {
  margin-top: 0 !important;
  margin-right: 7px;
}
.finance-table {
  height: auto;
  margin-left: 60px;
  width: 95.4%;
}
.finance-table .hrsTd {
  text-align: center;
  width: 92px;
}
.finance-table .validate {
  width: 40px;
  vertical-align: middle !important;
  text-align: center;
  padding: 3px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.ftable {
  height: 35px;
}
.ftable .hrsRemv {
  width: 139px;
}
.shCode-sb,
.shCode-slb,
.shCode-at {
  font-size: 10px;
  display: block;
}
.shCode-sb {
  color: #a90000;
}
.shCode-slb {
  color: #b9ae00;
}
.shCode-at {
  color: #52b97a;
}
.shCode-sb-bg,
.shCode-slb-bg,
.shCode-at-bg {
  width: 8px;
  height: 8px;
  display: inline-block;
  margin-right: 5px;
  margin-top: 1px;
}
.shCode-sb-bg {
  background-color: #fedada;
  border: 1px solid #ecb1b1;
}
.shCode-slb-bg {
  background-color: #b9ae00;
}
.shCode-at-bg {
  background-color: #daf2e4;
  border: 1px solid #95d1ae;
}

/** chrome browser **/
.homeViewRightBlock {
  width: 41%;
}
.homeViewMiddleBlock {
  width: 36%;
}
.bootstrap-select.btn-group.selectbox--color .dropdown-toggle .filter-option,
.selectbox--color input,
.selectbox--color textarea {
  color: #000000 !important;
}
.selectbox--color input[disabled],
.selectbox--color textarea[disabled] {
  color: #b7b5b5;
  opacity: 0.65;
}
.delete-row {
  min-height: 63px;
  display: flex;
  align-items: flex-end;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .entrHrs input.hrs {
    padding-top: 3px;
  }
}
.sidr {
  display: none;
  position: absolute;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  width: 260px;
  overflow-x: none;
  overflow-y: auto;
  font-size: 15px;
  background: #333;
  color: #fff;
  -webkit-box-shadow: inset 0 0 5px 5px #222;
  -moz-box-shadow: inset 0 0 5px 5px #222;
  box-shadow: inset 0 0 5px 5px #222;
}
.sidr .sidr-inner {
  padding: 0 0 15px;
}
.sidr .sidr-inner > p {
  margin-left: 15px;
  margin-right: 15px;
}
.sidr.right {
  left: auto;
  right: -260px;
}
.sidr.left {
  left: -260px;
  right: auto;
}
.sidr h1,
.sidr h2,
.sidr h3,
.sidr h4,
.sidr h5,
.sidr h6 {
  font-size: 11px;
  font-weight: normal;
  padding: 0 15px;
  margin: 0 0 5px;
  color: #fff;
  line-height: 24px;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #4d4d4d),
    color-stop(100%, #1a1a1a)
  );
  background-image: -webkit-linear-gradient(#4d4d4d, #1a1a1a);
  background-image: -moz-linear-gradient(#4d4d4d, #1a1a1a);
  background-image: -o-linear-gradient(#4d4d4d, #1a1a1a);
  background-image: linear-gradient(#4d4d4d, #1a1a1a);
  -webkit-box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
}
.sidr p {
  font-size: 13px;
  margin: 0 0 12px;
}
.sidr p a {
  color: rgba(255, 255, 255, 0.9);
}
.sidr > p {
  margin-left: 15px;
  margin-right: 15px;
}
.sidr ul {
  display: block;
  margin: 0 0 15px;
  padding: 0;
  border-top: 1px solid #1a1a1a;
  border-bottom: 1px solid #4d4d4d;
}
.sidr ul li {
  display: block;
  margin: 0;
  line-height: 48px;
  border-top: 1px solid #4d4d4d;
  border-bottom: 1px solid #1a1a1a;
}
.sidr ul li:hover,
.sidr ul li.active,
.sidr ul li.sidr-class-active {
  border-top: none;
  line-height: 49px;
}
.sidr ul li:hover > a,
.sidr ul li:hover > span,
.sidr ul li.active > a,
.sidr ul li.active > span,
.sidr ul li.sidr-class-active > a,
.sidr ul li.sidr-class-active > span {
  -webkit-box-shadow: inset 0 0 15px 3px #222;
  -moz-box-shadow: inset 0 0 15px 3px #222;
  box-shadow: inset 0 0 15px 3px #222;
}
.sidr ul li a,
.sidr ul li span {
  padding: 0 15px;
  display: block;
  text-decoration: none;
  color: #fff;
}
.sidr ul li ul {
  border-bottom: none;
  margin: 0;
}
.sidr ul li ul li {
  line-height: 40px;
  font-size: 13px;
}
.sidr ul li ul li:last-child {
  border-bottom: none;
}
.sidr ul li ul li:hover,
.sidr ul li ul li.active,
.sidr ul li ul li.sidr-class-active {
  border-top: none;
  line-height: 41px;
}
.sidr ul li ul li:hover > a,
.sidr ul li ul li:hover > span,
.sidr ul li ul li.active > a,
.sidr ul li ul li.active > span,
.sidr ul li ul li.sidr-class-active > a,
.sidr ul li ul li.sidr-class-active > span {
  -webkit-box-shadow: inset 0 0 15px 3px #222;
  -moz-box-shadow: inset 0 0 15px 3px #222;
  box-shadow: inset 0 0 15px 3px #222;
}
.sidr ul li ul li a,
.sidr ul li ul li span {
  color: rgba(255, 255, 255, 0.8);
  padding-left: 30px;
}
.sidr form {
  margin: 0 15px;
}
.sidr label {
  font-size: 13px;
}
.sidr input[type="text"],
.sidr input[type="password"],
.sidr input[type="date"],
.sidr input[type="datetime"],
.sidr input[type="email"],
.sidr input[type="number"],
.sidr input[type="search"],
.sidr input[type="tel"],
.sidr input[type="time"],
.sidr input[type="url"],
.sidr textarea,
.sidr select {
  width: 100%;
  font-size: 13px;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border: none;
  background: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.6);
  display: block;
  clear: both;
}
.sidr input[type="checkbox"] {
  width: auto;
  display: inline;
  clear: none;
}
.sidr input[type="button"],
.sidr input[type="submit"] {
  color: #333;
  background: #fff;
}
.sidr input[type="button"]:hover,
.sidr input[type="submit"]:hover {
  background: rgba(255, 255, 255, 0.9);
}
#mobile-header {
  display: none;
}

.table__projects tbody tr td.action-col span:first-of-type {
  margin-right: 5px;
}
.table__projects tbody tr td {
  width: 20%;
}
@media only screen and (max-width: 1024px) {
  .mainNav li {
    float: right;
    padding-right: 0px;
  }
  .mainNav li a {
    font-size: 14px;
  }
  .input-large {
    width: 191px;
  }
  .chsWeek {
    padding-right: 17px;
  }
  .entrHrs select {
    width: 49%;
  }
  .entrHrs input {
    width: 35%;
  }
  .entrHrs input.hrs {
    padding-top: 3px;
  }
}

@media (max-width: 767px) {
  .log-hours-table {
    margin-top: 15px;
  }
  .log-hours-table .d-table {
    margin-top: 0 !important;
  }
  .log-hours .gridShortscode {
    padding-left: 0;
  }
  .gridShortscode li a {
    display: block;
  }
  .table th,
  .table td {
    padding: 2px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #dddddd;
  }
  table tbody tr .submission-text {
    padding-left: 50px !important;
  }
  .hrsRemv {
    width: 13px;
    float: left;
  }
  .hrsTask {
    font-size: 11px;
  }
  .hrsDayreject {
    font-size: 14px;
  }
  .hrsDay {
    font-size: 14px;
  }
  .gridShortscode {
    float: left;
    padding-top: 0;
  }
  .entrHrs input.hrs {
    font-size: 10px;
    width: 14px;
  }

  #mobile-header {
    display: inline-block;
    position: absolute;
    margin-top: 10px;
    margin-left: 5px;
  }
  #mobile-header a {
    color: #ffffff;
    text-decoration: none;
  }
  .sidr a {
    color: #ffffff;
    text-decoration: none;
    display: block;
    padding: 5px;
  }
  .sidr a:hover {
    background-color: #000;
  }

  .selTask {
    width: 171px;
    float: left;
    margin-right: 5px;
  }
  .select.inline {
    width: 168px;
  }
  .date_parent .date_span,
  .date_parent .input {
    width: 100% !important;
  }
  div.Datedropdown div.date_span {
    margin-top: 25px;
  }
  .disp-flex {
    flex-direction: column;
  }
  .disp-flex .btn__approve,
  .disp-flex .btn__reject {
    max-width: 120px;
    margin: 0 auto 10px !important;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  /** ipad horizontally **/
  .finance-table {
    width: 92.5%;
  }
  .finance-table .validate {
    width: 49px;
  }
  .finance-table .hrsTd {
    width: 86px;
  }
  .span6 {
    width: 544px !important;
  }
  .ipad-left {
    float: left !important;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  /** ipad vertically **/
  .finance-table {
    width: 91px;
  }
  .finance-table .hrsTd {
    width: 90px;
  }
  .span6 {
    width: 554px !important;
  }
  .ipad-left {
    float: left !important;
  }
  .ipad-left .chsYear {
    float: left;
  }
}
.exceptionHead {
  background-color: #efefef;
  height: 15px;
}
.cmntsname {
  background-color: #3b5998;
  height: 66px;
  width: 70px;
  color: #fff;
  font-size: 14px;
  border: 1px solid #3b5998;
  line-height: 20px;
  text-align: center;
  padding-top: 21px;
  margin-right: 10px;
}
.cmntsname:hover,
.cmntsname:focus {
  color: #fff;
}
#timeLogHoursForm input[type="checkbox"] {
  height: 18px;
  width: 18px;
}
/* ---------------------------------- Notification      -----------------------------------------------*/
.notification_list {
  font-size: 12px;
  margin-bottom: 30px;
}
.notification_list li {
  border-bottom: 1px solid #efefef;
  background: url(../img/icons/notifications.png) no-repeat 0% 17%;
  padding: 7px 0px 7px 20px;
}
.notification_list li a {
  color: #3366cc;
}
.notification_list li a:hover {
  text-decoration: underline !important;
}
.bold {
  font-weight: bold;
}
.clearboth {
  clear: both;
}
.floatleft {
  float: left !important;
}
.width50 {
  width: 50%;
}
.width40 {
  width: 40%;
}
.clientProject {
  margin-right: 5px !important;
}
.scrollable {
  overflow: scroll;
}
.textCenter {
  text-align: center;
}
.textWidth950 {
  width: 950px;
}
.width100 {
  width: 100%;
}
.floatRight {
  float: right;
}
.margin0 {
  margin-top: 0px !important;
}
/* finance view */
.space_out_top_30 {
  margin-top: 30px;
}

.filter_border_height {
  height: auto;
  float: left;
}
.finance_yearSelect {
  background: url(../images/icon-calendar.png) no-repeat 99%;
}
#finance_timeFinanceViewForm .finance_yearSelect {
  height: 20px;
}

.bootstrap-duallistbox-container {
  /*padding:0 0 0 41px;*/
  margin-bottom: 10px;
  margin-left: 0px;
}
.bootstrap-duallistbox-container .col-md-6 {
  width: 49%;
  margin-right: 2px;
  display: inline-block;
}
.zeroMargin {
  margin: 0px !important;
  list-style: none;
}
.row_project {
  list-style: none;
}
.edit_link {
  color: #4c66a4;
}
.edit_link:hover {
  text-decoration: underline !important;
}
#ProjectManageBucketForm label {
  display: inline-block;
  margin-right: 10px;
}
/* .container {overflow:hidden;} */
.space_top_40 {
  margin-top: 40px;
}

.edit_task {
  cursor: pointer;
}
.edit_task span:first-child {
  padding-right: 20px;
}
.edit_task:hover span:first-child {
  background: url(../img/icons/1392311749_pencil.png) no-repeat right top;
  cursor: pointer;
}
/*pa*/
.pagination {
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  width: 100%;
  text-align: center;
  margin-top: 20px !important;
  float: left;
  color: #000000;
}
.pagination span {
  display: inline-block;
}
.active {
  border-left: 1px solid #dddddd;
}
/* 06-04-2015 */
.view-container .row {
  margin-left: 0px;
}
.from,
.to {
  color: #3d3d3d;
  font-size: 12px;
  font-weight: bold;
}
.submit-btn {
  text-align: center;
}
.clearfix {
  clear: both;
}
.u-cf:before,
.u-cf:after {
  content: "";
  display: table;
}
.u-cf:after {
  clear: both;
}
.u-cf {
  zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
.spacer-top-10 {
  margin-top: 10px !important;
}
.spacer-top-5 {
  margin-top: 5px;
}
.spacer-bottom-10 {
  margin-bottom: 10px;
}
.inner-spacer-left-20 {
  padding-left: 20px !important;
}
.inner-spacer-right-20 {
  padding-right: 20px !important;
}

@media (min-width: 1200px) {
  .view-container .row {
    margin-left: 0px;
  }
}
.small_label {
  font-size: 11px;
  font-weight: normal;
}
.sh_month {
  background: url(../img/icons/up.png) no-repeat scroll left top;
  background-position: 50% 74%;
  display: block;
  height: 16px;
  width: 16px;
  margin: 0 auto;
}
.hi_month {
  background: url(../img/icons/down.png) no-repeat scroll left top !important;
  background-position: 50% 74% !important;
  height: 16px;
  width: 16px;
  display: block;
  margin: 0 auto;
}
.fix-div,
.fix-div_total {
  float: left;
  min-width: 100px;
}
.fix-div_total {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin-left: 0;
}
.fix-div {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin-left: 90px;
}
.finance-data {
  margin-left: 0;
}
.finance-data .hrsTd {
  border-bottom: 0;
}
.fix-total_heading {
  padding: 11px;
  text-align: center;
  min-width: 141px;
  background-color: #f1f1f1;
}
.fix-table_heading {
  padding: 13px 11px;
  text-align: center;
  min-width: 119px;
  background-color: #f1f1f1;
}
.row_task .fix-table_heading {
  padding: 11px;
  width: 100% !important;
  display: inline-block;
}
.row_task .fix-table_values.hrsTtl {
  line-height: 20px;
  display: inline-block;
  width: 100%;
  min-width: 100%;
}
.row_task .finance-table .hrsTd {
  line-height: 17px;
}
.row_task .finance-data .hrsTd {
  border-bottom: 1px solid #ccc;
}
.fix-table_values {
  padding: 7px 8px;
  text-align: center;
  min-width: 185px;
}
.bdr-top {
  border-top: 1px solid #ccc;
}
.used_hrs {
  padding: 10px 10px 0 0;
  color: #717171;
}
.full_width {
  width: 100%;
  float: left;
}
.full_width label {
  width: 100%;
  float: left;
  color: #3d3d3d;
  font-size: 12px;
  font-weight: bold;
}
.mtop10 {
  margin-top: 10px;
}
.ptop40 {
  padding-top: 40px;
}
.pbot5 {
  padding-bottom: 5px;
}
.pbot10 {
  padding-bottom: 10px;
}
.mleft5 {
  margin-left: 5px;
}
.multi_checkbox .checkbox {
  float: left;
  padding: 8px 8px 0px 8px;
  margin-right: 0;
  margin-top: 0;
}
.multi_checkbox .checkbox:nth-child(odd) {
  background-color: #3c9200;
}
.multi_checkbox .checkbox:nth-child(even) {
  background-color: #2980b9;
}
.multi_checkbox .checkbox input[type="checkbox"] {
  float: left;
  margin: 1px 0 0;
  left: 6px;
}
.multi_checkbox .checkbox label {
  float: left;
  margin-right: 10px;
  color: #fff;
  font-weight: normal;
  width: auto;
  position: relative;
  top: -4px;
  left: 5px;
}
.pointer {
  cursor: pointer;
}
#NotificationBar {
  border-radius: 0;
  left: 0;
  margin: 0 !important;
  position: fixed;
  text-align: center;
  top: 0;
  z-index: 9;
  width: 100%;
  padding: 10px 8px;
  display: none;
  font-size: 15px;
}
#historyDetail input {
  width: 70px;
  margin: 0;
  padding: 0;
  text-align: center;
  height: 18px;
}
.full_width_p1 {
  width: 98%;
  padding: 1%;
  text-align: center;
}
.success_msg {
  color: #006600;
}
.error_msg,
span.required {
  color: #ff0000;
}
input.dateField {
  background-color: #fff;
  cursor: default;
}
.metrics-table {
  width: 100%;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  float: left;
}
.metrics-table tr {
  border-bottom: 1px solid #ccc;
}
.metrics-table tr td,
.metrics-table tr th {
  border-right: 1px solid #ccc;
  color: #7f7f7e;
  padding: 5px;
  text-align: center;
}
.metrics .row .col-md-4 {
  margin-bottom: 15px;
}
.metrics .submit input[type="submit"] {
  padding: 2px 10px;
  font-weight: 600;
  text-transform: uppercase;
  color: #666;
}
.metrics .input {
  margin-right: 14px;
  margin-bottom: 10px;
}
#MetricSprintStartDateMonth,
#MetricSprintStartDateDay,
#MetricSprintEndDateMonth,
#MetricSprintEndDateDay {
  margin-right: 5px;
}
#MetricSprintStartDateDay,
#MetricSprintStartDateYear,
#MetricSprintEndDateDay,
#MetricSprintEndDateYear {
  margin-left: 5px;
}
.input label {
  color: #666;
}
#MetricComments {
  color: #666;
}
.metrics-right {
  display: inline-block;
  float: left;
  margin-left: 20px;
  width: 50%;
}
.metrics-left {
  border-right: 1px solid #ccc;
  display: inline-block;
  float: left;
  padding-left: 10px;
  padding-right: 50px;
}
.metrics-right div.col {
  float: left;
  margin-left: 55px;
  width: 220px;
}
.metrics-right div.col_full {
  float: left;
  margin-left: 55px;
  width: 500px;
}

.error-message {
  color: #ff0000;
}
.input.error input,
.input.error select {
  border: 1px solid #ff0000;
}
.heading_addnew {
  width: 100%;
  float: left;
  padding: 10px 0;
}

.heading_addnew a {
  width: auto;
  float: right;
}
.heading_addnew ul li a {
  float: left;
}
.alert {
  float: left;
  width: 100%;
}
.alert-success,
.alert-danger {
  margin-top: 0;
}
.space_out_30 .alert-success {
  margin-bottom: 0;
}
.metrics.index div.input,
.metrics.index input,
.metrics.index form a {
  float: left;
}
.metrics.index form input {
  margin-right: 10px;
}
div.input.required label::after {
  content: "*";
  color: red;
  margin-left: 5px;
}
.date_filters {
  position: relative;
  top: -25px;
}
.date_filters .input.date {
  width: 180px;
}
.date_filters .input.date select {
  width: 85px;
}
.content-main .filter_borders,
.content-main .nav-tabs {
  width: 62%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.content-main .customized-column {
  width: 42%;
}
.content-main input.btn[type="submit"] {
  margin-top: 25px;
}
.comment_trigger {
  cursor: pointer;
  font-weight: bold;
}
.prev-next-record-wrap {
  float: right;
  width: auto;
}
.next-btn-record {
  float: right;
}
.previous-btn-record {
  float: left;
}
.next-btn-record .listPre a {
  background: #2980b9;
  color: #fff;
  border-radius: 3px;
  font-size: 13px;
  margin-left: 13px;
  padding: 8px 22px;
  text-decoration: none;
  float: right;
  text-transform: uppercase;
}
.next-btn-record .listPre a:hover {
  opacity: 0.8;
  transition: 0.6s;
}
.previous-btn-record .listPre,
.next-btn-record .listPre {
  padding: 0;
  width: auto;
}
.previous-btn-record .listPre a {
  background: #2980b9;
  color: #fff;
  border-radius: 3px;
  font-size: 13px;
  padding: 8px 22px;
  text-decoration: none;
  float: left;
  text-transform: uppercase;
}
.spacer-top-25 {
  margin-top: 25px;
}
.spacer-bottom-20 {
  margin-bottom: 20px;
}
.previous-btn-record .listPre a:hover {
  opacity: 0.8;
  transition: 0.6s;
}
/* .titleHead .middleAligned > h3 { */
/* margin: 0; */
/* } */
.custom-layout {
  width: 100%;
}
.container {
  overflow: visible;
  width: 1440px;
}
.custom-layout .leaveContentLeft {
  width: 25%;
}
.custom-layout .leaveContentRight {
  width: 73%;
}
.memberleave .titleHeading {
  margin-top: 0;
}
.btn-left {
  float: left;
  margin-bottom: 5px;
}
.btn-left a {
  background: #2980b9;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 13px;
  padding: 8px 22px;
  text-transform: uppercase;
  color: #fff;
  font-weight: normal;
  display: block;
}
.btn-left a:hover {
  opacity: 0.8;
}
.btn-custom button {
  margin-right: 10px;
}
.spacer-top_sm {
  margin-top: 25px;
}
@media screen and (max-width: 1024px) {
  .content-main .filter_borders,
  .content-main .nav-tabs {
    width: 70%;
  }
}
@media screen and (max-width: 768px) {
  .content-main .filter_borders,
  .content-main .nav-tabs {
    width: 92%;
  }
  .form-custom-layout button.btn-success[type="submit"] {
    padding: 8px 16px;
  }
}
/* 23 dec */
.pageHeading .records {
  margin: 10px 0 0 0;
}
.records {
  font: 700 9pt tahoma, arial, sans-serif;
  color: #686868;
  margin: 0 0 15px 0;
  float: right;
  width: 250px;
}
.leaveContentLeft {
  width: 20%;
  text-align: left;
}
.alignLeft {
  float: left;
}
/*css added for Updated design Feb 2017*/
.listedData {
  border-width: 0 1px 1px 1px;
  width: 100%;
  float: left;
}
.listedData table {
  width: 100%;
  text-align: left;
}
.listedData table.width-auto {
  width: auto;
  min-width: 500px;
}
.listedData table td,
.listedData table th,
.listedData table td.head {
  color: #686868;
  padding: 7px;
  word-wrap: break-word;
}
.listedData table td {
  padding: 20px 10px;
  color: #979797;
}
.listedData table th {
  text-transform: uppercase;
  font-weight: normal;
  color: #fff;
  background: #389cd3;
  padding: 15px;
  border-color: #2689bf !important;
  border-bottom: 0 !important;
}
.listedData table td,
.listedData table th {
  text-align: center !important;
  font-size: 14px;
  vertical-align: middle !important;
}
/*css added for Updated design Feb 2017*/
.commonBlock {
  width: 100%;
  float: left;
}
.commonBlock.commonBlock--tokens {
  padding-bottom: 70px;
}
.titleLeaveBalance,
.titleHeading {
  background-color: #ede9ea;
  color: #444444;
  width: 100%;
  border-radius: 5px 5px 0 0;
  height: 26px;
  text-indent: 10px;
  padding: 5px 0 5px 0;
  float: left;
  font-weight: normal;
  font-size: 13px;
  border: 1px solid #acacac;
  border-bottom: 0;
  text-transform: uppercase;
}
.leaveContent .titleHeading span.titleHeadinginner {
  float: left;
  margin-top: 21px;
  text-indent: 0;
}
.titleHead h3 {
  font-size: 34px;

  font-weight: normal;
  margin-top: 45px;
}
.leaveContentRight {
  width: 78%;
  text-align: left;
}
.alignRight {
  float: right;
}
.records .input,
.records .select select,
.records .select,
.records select {
  width: 65px;
  display: inline-block;
}
.records .btn-group.bootstrap-select .btn {
  border: 1px solid #e7e7e7;
  box-shadow: none;
  color: #979797;
  height: 35px;
  line-height: 1.42857;
  margin: 0 !important;
  padding: 4px 12px;
  width: 100%;
  background: #fff;
  font-size: 16px;
}
.bootstrap-select.btn-group .dropdown-menu li a {
  text-align: left;
}
.hr-manage-emp .active-select.bootstrap-select.btn-group {
  width: 120px !important;
}
.hr-manage-emp .emp-type.bootstrap-select.btn-group {
  width: 175px !important;
}
.listedData table.hr-manage-emp td {
  padding: 20px 10px;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
  display: inline-block;
  margin: 0;
  text-transform: capitalize;
}
.records form,
.records {
  text-align: right;
}
.bg-table {
  background-color: #e2dfdf;
}
.listedData table a,
.listedData table th {
  color: #fff;
}
#lagend {
  width: 60%;
  float: left;
}
#lagend table tr td {
  font-size: 10pt;
  text-align: left;
}
/* .listedData table tr:nth-child(odd) {background: #f3f1f1} */
/* div.listedData tr.approvedLeaves, .approvedLeaves {
    background-color: #BFE995;
}
div.listedData tr.cancelledLeave, .cancelledLeave, div.listedData tr.inactive {
    background-color: #BDBDBD;
}
div.listedData tr.rejectedLeaves, .rejectedLeaves {
    background-color: #ffff6c;
}
div.listedData tr.privilegeLeaveExceptionCompensatoryOffCreditLeaveCase, .privilegeLeaveExceptionCompensatoryOffCreditLeaveCase {
    background-color: #FFB9B9;

}
 div.listedData tr.approvedLeaves,.approvedLeaves,
 div.listedData tr.cancelledLeave,.cancelledLeave,
 div.listedData tr.inactive,div.listedData tr.rejectedLeaves,
 .rejectedLeaves,
 div.listedData tr.privilegeLeaveExceptionCompensatoryOffCreditLeaveCase,
 .privilegeLeaveExceptionCompensatoryOffCreditLeaveCase{
		border-radius:20px;
		border:1px solid #000;
		display:block;
		width:20px;
}*/
.notificationFields.section-search .grey_button.custom-btn {
  padding: 7px 17px;
  width: auto;
}
.notificationFields.section-search .grey_button.custom-btn + .btn {
  background: #9e9e9e;
  border-radius: 3px;
  border-bottom: 4px solid #757575;
  border: 0;
  padding: 7px 20px;
  font-size: 18px;
  color: #fff;
  transition: all 0.3s ease-out 0s;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}
div.listedData tr.approvedLeaves td:first-child {
  background: #679350;
  color: #fff;
}
div.listedData tr.cancelledLeave td:first-child {
  background: #444444;
  color: #fff;
}
div.listedData tr.rejectedLeaves td:first-child {
  background: #ffbe49;
  color: #fff;
}
div.listedData
  tr.privilegeLeaveExceptionCompensatoryOffCreditLeaveCase
  td:first-child {
  background: #e97272;
  color: #fff;
}
.section-search {
  padding: 30px 20px 30px 12px;
  border: 1px solid #e7e7e7;
  margin-bottom: 40px;
  border-radius: 0;
  background-color: #fafafa;
  float: left;
  width: 100%;
}
.section-search .col-md-5 {
  border-right: 1px solid #e7e7e7;
  min-height: 85px;
  border-left: 1px solid #ffffff;
  padding: 0 25px;
}
.section-search .col-md-5:first-child {
  border-left: none;
}
.section-search .col-md-5:last-child {
  border-right: none;
}
.section-search .firstField {
  margin-right: 0;
}
.section-search .col-md-5 span,
.section-search .col-md-2 span {
  display: block;
  margin-bottom: 12px;
  color: #606060;
  font-size: 15px;
}
.section-search .bootstrap-select .btn {
  border: 1px solid #e7e7e7;
  box-shadow: none;
  color: #979797;
  height: 41px;
  line-height: 1.42857;
  margin: 0 !important;
  padding: 7px 12px;
  width: 100%;
  background: #fff;
  font-size: 16px;
  border-radius: 0;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  color: #b7b5b5;
}
.section-search input[type="text"] {
  border: 1px solid #e7e7e7;
  width: 100%;
  resize: none;
  font-size: 16px;
  color: #b7b5b5;
  padding: 8px 14px;
  background: #fff;
}
.section-search .linkDownload {
  text-align: center;
  display: table;
  margin: 0 auto 11px;
}
.form-custom-layout .bootstrap-select .dropdown-menu li > a {
  text-align: left;
}
.section-search .firstField .input {
  display: inline;
}
.section-search .firstField .input input {
  margin-bottom: 0;
}
.section-search .custom-btn,
.custom-btn_blue {
  background: #389cd3;
  border-radius: 3px;
  border-bottom: 4px solid #2a7fae;
  border: 0;
  padding: 7px 25px;
  font-size: 18px;
  color: #fff;
  margin-bottom: 20px;
  width: 100%;
  transition: all 0.3s ease-out 0s;
}
.width-auto {
  width: auto !important;
}
.custom-btn_blue {
  font-size: 14px;
  font-weight: 300;
  font-family: "open sans", sans-serif;
}
.listedDataTable table td {
  border: 1px solid #dddddd;
  border-collapse: collapse;
}
.titleHeadingCalendar td {
  color: #000 !important;
  font-weight: bold;
  text-align: -internal-center;
}
.titleHeadingCalendar table {
  border-collapse: separate;
}
.homeViewLeftBlock {
  width: 17%;
  text-align: left;
  background-color: #dbedfb;
  font-size: 10pt;
  word-wrap: break-word;
  color: #686868;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 10px;
}
.topLinkMargin {
  margin-top: 15px;
}
.headingLeftBlockHome {
  color: #1161a5;
  font-weight: bold;
  padding-left: 10px;
}
#homePageView a {
  text-decoration: none;
  color: #686868;
}
.btn-default {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
  border-radius: 4px;
  color: #fff;
  padding: 3px 16px;
  font-size: 13px;
}
.cancel-btn {
  margin: 10px 0 0 5px;
  padding: 6px 12px;
  text-transform: uppercase;
  border: 1px solid #c0c0c0;
  background: #b4b4b4;
  font-size: 14px;
  transition: all 0.3s ease-out 0s;
}
.cancel-btn:hover {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12),
    0 3px 1px -1px rgba(0, 0, 0, 0.2) !important;
  background: #b6b6b6;
  color: #fff;
  border: 1px solid transparent !important;
}
.bootstrap-select .btn-default {
  border: 0;
  background: #fff;
  color: #979797;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
#innerRecords,
.invoicegrid .col-sm-12 ul:first-child {
  border-top: 1px solid #389cd3;
}
.ui-datepicker {
  width: 16.3em !important;
}
.datepicker-outer .ui-datepicker {
  position: absolute !important;
  top: 38px !important;
  left: 0 !important;
}
.datepicker-outer {
  position: relative;
}
.listedData .ui-datepicker-calendar th {
  padding: 3px 2px;
}
#add_project .listedData .ui-datepicker-calendar td {
  padding: 2px 2px;
}
#UserForgotPasswordForm .btn-login {
  left: 0;
}
/*  form design */

.form-custom-layout input[type="text"],
.form-custom-layout input[type="tel"],
.form-custom-layout input[type="email"],
.form-custom-layout input[type="password"],
.form-custom-layout input[type="number"],
.form-custom-layout textarea,
#LeaveDetailDescription,
.form-element input[type="text"],
.form-element input[type="email"] {
  border: 1px solid #d7d7d7;
  width: 100%;
  resize: none;
  font-size: 16px;
  color: #979797;
  padding: 8px 14px;
  height: auto;
}
.form-custom-layout .entrHrs input[type="number"] {
  width: 50%;
  padding: 3px 6px;
  border: 0;
  font-size: 14px;
}
.form-custom-layout .entrHrs {
  border-left: 0;
  border-right: 0;
}
.form-custom-layout .entrHrs select {
  margin-top: 0;
}
.form-custom-layout .leave-checkbox .input .checkbox {
  margin-left: 0;
}
.form-custom-layout .leave-checkbox .input .checkbox label {
  padding-left: 25px;
  display: inline;
}
.form-custom-layout textarea {
  height: 100px;
}
.form-custom-layout .bootstrap-select {
  margin-bottom: 10px;
}
.leaveContent .titleHeading,
.titleLeaveBalance,
.post-details .titleHeading,
.titleHeadings {
  font-size: 20px;
  background: none;
  border: none;
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 13px;
  height: auto;
  margin-bottom: 25px;
  font-family: avantgardeitcregular;
  text-indent: 0;
}
.leaveContent .titleHeading span {
  margin: 0;
  padding: 0;
  display: inline-block;
  text-align: left;
  text-indent: -9px;
}
.leaveContent .listedData {
  border: none;
  width: 100%;
  float: left;
}
.greybg-header {
  background: #389cd3;
  color: #fff;
  font-size: 20px;
  padding: 8px 20px;
  border-bottom: 1px solid #2a7fae;
}
.leaveContent .listedData {
  border: 1px solid #e7e7e7;
  width: 100%;
  float: left;
}
.listedData.table-responsive {
  border: none;
}
.form-custom-layout .col-md-6,
.form-custom-layout .col-md-5 {
  padding: 0 35px;
  margin-top: 25px;
}
.form-custom-layout.listedData--tokens .col-sm-12 {
  padding: 0 35px;
  margin-top: 10px;
}
.form-custom-layout.listedData--tokens .required {
  padding-left: 0;
}
.form-custom-layout.listedData--tokens
  .chosen-select
  .chosen-container.chosen-container-multi {
  margin-top: 0 !important;
}
.form-custom-layout.listedData--tokens .checkbox {
  display: inline-block;
}
.form-custom-layout.listedData--tokens .icon-info {
  margin-left: 5px;
  font-size: 16px;
  position: relative;
  top: 1px;
  color: #666;
}
.form-custom-layout label,
.form-element label,
.form-custom-layout label a {
  max-width: 100%;
  font-weight: normal;
  color: #606060;
  font-size: 16px;
  width: 100%;
}
.form-custom-layout .label--width {
  width: auto;
}
.form-custom-layout label.error {
  color: #eb3434;
  font-size: 14px;
  margin: 5px 0 0;
}
.inline-block div select {
  width: 100%;
}
.date_parent .input {
  width: 47.5%;
  float: left;
  margin-right: 2.5%;
}
.date_parent .date_span {
  float: right;
  width: 47.5%;
  margin-left: 2.5%;
}
.form-custom-layout .input .checkbox label {
  display: inline-block;
  padding: 0 0 0 15px;
}
.form-custom-layout .input .checkbox {
  margin-left: 19px;
}
.form-custom-layout button[type="submit"].custom-btn,
.form-custom-layout button[type="submit"],
.form-custom-layout [type="submit"],
.post-buttons .btn-custom,
.form-element button[type="submit"].custom-btn,
.form-custom-layout #report_generate_button,
.form-element button[type="button"].custom-btn,
.form-custom-layout .action-submitbtn.custom-btn {
  background: #389cd3;
  border-radius: 3px;
  border-bottom: 4px solid #2a7fae;
  border: 0;
  padding: 7px 25px;
  font-size: 18px;
  color: #fff;
  margin-right: 10px !important;
  vertical-align: top;
  transition: all 0.3s ease-out 0s;
  margin-bottom: 10px;
}
.form-custom-layout button.btn-success[type="submit"] {
  background: #5cb85c;
  border: 1px solid #48a448;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 0 0 15px !important;
}
.space_outr_0 {
  margin-right: 0px !important;
}

.form-custom-layout button[type="button"],
.form-element button[type="button"],
.form-custom-layout a.btn,
.btn-back,
.form-custom-layout button[type="reset"] {
  background: #9e9e9e;
  border-radius: 3px;
  border-bottom: 4px solid #757575;
  border: 0;
  padding: 7px 25px;
  font-size: 18px;
  color: #fff;
  transition: all 0.3s ease-out 0s;
}
.btn-back:active {
  background: #9e9e9e !important;
}
.waves-effect {
  border: 0 !important;
}
.waves-effect:hover,
.form-custom-layout button[type="submit"]:hover,
.form-custom-layout input[type="submit"]:hover,
.form-content button[type="button"]:hover,
.form-custom-layout button[type="button"]:hover,
.form-custom-layout a.btn:hover,
.section-search .custom-btn:hover {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12),
    0 3px 1px -1px rgba(0, 0, 0, 0.2) !important;
}
.form-custom-layout button.dropdown-toggle[type="button"]:hover {
  box-shadow: none !important;
}
.form-custom-layout a.btn-success {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.form-custom-layout a.btn-danger {
  background-color: #c9302c;
  border-color: #ac2925;
}
.form-custom-layout a.btn-danger:hover {
  background-color: #d9534f;
}
.form-custom-layout a.btn-success:hover {
  background-color: #449d44;
}
a.btn-back:hover {
  color: #fff;
}
.form-custom-layout .bootstrap-select,
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(
    .input-group-btn
  ) {
  width: 100%;
  font-size: 16px;
}
.form-custom-layout .bootstrap-select .btn,
.form-element .bootstrap-select .btn {
  border: 1px solid #d7d7d7;
  box-shadow: none;
  color: #b7b5b5;
  height: 40px;
  line-height: 1.42857;
  margin: 0 !important;
  padding: 7px 12px;
  width: 100%;
  background: #fff;
  font-size: 16px;
}
.form-custom-layout .bootstrap-select .dropdown-menu li > a {
  text-align: left;
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default.focus:active,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
  color: #979797;
  background-color: #fff;
  border-color: #e7e7e7;
  outline: none;
}
.downloadlink-img a {
  margin: 10px 0 0 40px;
}
.downloadlink-img a + a {
  margin-left: 13px;
}
.brdr-rgt {
  border-right: 1px solid #cccccc;
}
.space-bottom {
  float: left;
  width: 100%;
  margin-bottom: 22px;
}
.leaveContent .titleHeading .align-text {
  float: left;
  margin-top: 22px;
  text-indent: 0px;
  padding: 0;
}
.holiday-grey-bg {
  background: #f8f8f8;
  color: #979797;
  font-size: 36px;
  padding: 37px 20px;
  border: 1px solid #d7d7d7;
  border-bottom: none;
  text-align: center;
}
.holiday-number {
  background: #389cd3;
  color: #fff;
  text-align: center;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 24px;
  min-height: 68px;
}
.pending-holiday-number {
  background: #f59524;
  color: #fff;
  text-align: center;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 24px;
  min-height: 68px;
}
.flexi-leave-bg {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdcb72+0,42c2cd+100 */
  background: #f59624; /* Old browsers */
  background: -moz-linear-gradient(
    left,
    #f59624 0%,
    #42c2cd 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #f59624 0%,
    #42c2cd 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #f59624 0%,
    #42c2cd 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59624', endColorstr='#42c2cd',GradientType=1 ); /* IE6-9 */
  min-height: 100px;
  margin-top: 38px;
  color: #fff;
  font-size: 18px;
  position: relative;
}
.top-clr-brdr {
  width: 100%;
  height: 5px;
  display: block;
  position: absolute;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#42c2cd+0,fdcb72+100 */
  background: #42c2cd; /* Old browsers */
  background: -moz-linear-gradient(
    left,
    #42c2cd 0%,
    #fdcb72 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #42c2cd 0%,
    #fdcb72 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #42c2cd 0%,
    #fdcb72 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42c2cd', endColorstr='#fdcb72',GradientType=1 ); /* IE6-9 */
  top: 6px;
  border: 1px solid #42c2cd;
}
.flexi-inner {
  padding: 18px 0 0 16px;
}
.pagination-inner {
  display: inline-block;
  margin-top: 25px;
}
.pagination-inner span a {
  padding: 12px 20px;
  display: inline-block;
  border-left: 1px solid #cecccc;
  border-right: 1px solid #e5e5e7;
  background: #dbdbdb;
}
.pagination-inner span a {
  color: #848484;
}
.pagination-inner span.current {
  background: #389cd3;
  padding: 12px 20px;
  display: inline-block;
  border-left: 1px solid #cecccc;
  border-right: 1px solid #e5e5e7;
  color: #fff;
}
.pagination-inner span:first-child a,
.pagination-inner span.current:first-child {
  border-radius: 20px 0px 0px 20px;
}
.pagination-inner span:last-child a,
.pagination-inner span.current:last-child {
  border-radius: 0px 20px 20px 0;
}
.color-leaves {
  width: 100% !important;
}
/*css commented for labels Design*/
/*
.color-leaves .approvedLeaves{
    background-color: #679350;
    border: none;
    width: auto;
    text-align: center;
    padding:4px 5px 6px;
    color:#fff;
     font-size: 13px;
     border-radius:20px;
     -webkit-border-radius:20px;
}
.color-leaves .cancelledLeave{
    background-color: #444444;
    border: none;
    width: auto;
    text-align: center;
    padding:4px 5px 6px;
    color:#fff;
     font-size: 13px;
     border-radius:20px;
     -webkit-border-radius:20px;
}
.color-leaves .rejectedLeaves{
    background-color: #ffbe49;
    border: none;
    width: auto;
    text-align: center;
    padding:4px 5px 6px;
    color:#fff;
     font-size: 13px;
     border-radius:20px;
     -webkit-border-radius:20px;
}
.color-leaves .privilegeLeaveExceptionCompensatoryOffCreditLeaveCase{
    background-color: #e97272;
    border: none;
    width: auto;
    text-align: center;
    padding:4px 5px 6px;
    color:#fff;
    font-size: 13px;
    border-radius:20px;
     -webkit-border-radius:20px;
}*/
/*css ended for labels Design*/

.bootstrap-select.btn-group .dropdown-menu li a {
  color: #979797;
  width: 100%;
}
.module-top-space {
  margin-top: 40px;
}
table.table-bordered td a.button,
table.table-bordered td a {
  color: #389cd3;
  padding: 0 3px;
}
.form-custom-layout .input-group {
  width: 100%;
}
.btn-container {
  display: table;
  margin: 5px auto 25px !important;
}
.input-field {
  border: 1px solid #e7e7e7;
  width: 100%;
  resize: none;
  font-size: 16px;
  color: #b3b3b3;
  padding: 8px 14px;
  background: #f8f8f8;
}
span#required {
  color: red;
  padding-left: 4px;
}
.disabled {
  cursor: not-allowed;
}
.btn-container button[type="submit"] {
  margin-right: 12px;
}
.login_form {
  margin: 20px 0;
  float: left;
  width: 100%;
}
.forgot-form-tittle {
  text-align: center;
  background: #389cd3;
  padding: 15px 20px;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  border: 1px solid #389cd3;
}
.forgot-form-tittle i.fa {
  margin-right: 8px;
}
.login_form form {
  padding: 35px 18px;
  border: 1px solid #ebebeb;
  float: left;
  width: 100%;
}
.login_form.form-custom-layout .input {
  margin-bottom: 15px;
}
.form-custom-layout .notice {
  color: #979797;
  font-size: 15px;
  margin: 20px 0 0px 0;
  line-height: 23px;
}
.login_form.main-login form {
  border: none;
}
.login_form.main-login label[for="UserRemember"] {
  display: inline;
  margin-left: 10px;
  margin-bottom: 0;
}
.login_form.main-login button[type="submit"],
.login_form.main-login input[type="submit"] {
  width: 100%;
  margin-bottom: 10px;
}
.login_form.main-login .button.float_left {
  text-align: center;
  display: table;
  margin: 0 auto;
}
.row.no-gutter .col-md-6 {
  padding: 0;
  margin: 0;
}
.login_form.main-login.form-custom-layout {
  border: 1px solid #ebebeb;
}
.row.no-gutter {
  margin: 0;
}
.vertically-center-outer {
  position: relative;
  min-height: 700px;
}
.vertically-center-inner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.login_form.main-login h1 {
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 35px;
  color: #444444;
}
.display-block {
  display: block !important;
}
.display-inlineblock {
  display: inline-block;
}
.custom-topspace {
  margin-bottom: 15px;
}
.custom-topspace .btn-group.bootstrap-select {
  width: 100% !important;
}
.post-buttons {
  margin-top: 15px;
}
.btn-view {
  background: url(images/icon-eye.png) no-repeat center center;
  width: 24px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  text-indent: -9999999px;
  margin-left: 0;
  margin-bottom: 10px;
}
.btn-edit {
  background: url(images/edit.png) no-repeat center center;
  width: 22px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  text-indent: -9999999px;
  margin-left: 0;
  margin-bottom: 10px;
}
.btn-delete {
  background: url(images/delete.png) no-repeat center center;
  width: 22px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  text-indent: -9999999px;
  margin-left: 0;
  margin-bottom: 10px;
  cursor: pointer;
}
.btn-cancel {
  background: url(images/cancel.png) no-repeat center center;
  width: 22px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  text-indent: -9999999px;
  margin-left: 0;
  margin-bottom: 10px;
  cursor: pointer;
}
.btn-credit {
  background: url(images/credit_ic.png) no-repeat center center;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  text-indent: -9999999px;
  margin-left: 0;
  margin-bottom: 10px;
  cursor: pointer;
}
.btn-reapply {
  background: url(images/reapply.png) no-repeat center center;
  width: 24px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  text-indent: -9999999px;
  margin-left: 0;
  margin-bottom: 10px;
  cursor: pointer;
}
.btn-request {
  background: url(images/btn-req.png) no-repeat center center;
  width: 24px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  text-indent: -9999999px;
  margin-left: 0;
  margin-bottom: 10px;
}
.btn-hstry {
  background: url(images/btn-hstry.png) no-repeat center center;
  width: 24px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  text-indent: -9999999px;
  margin-left: 0;
  margin-bottom: 10px;
  cursor: pointer;
}
.btn-salary {
  background: url(images/additional_salary.png) no-repeat center center;
  width: 24px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  text-indent: -9999999px;
  margin-left: 0;
  margin-bottom: 10px;
  cursor: pointer;
}
.btn-reject {
  background: url(images/reject.png) no-repeat center center;
  width: 24px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  text-indent: -9999999px;
  margin-left: 0;
  margin-bottom: 10px;
  margin-top: 4px;
  cursor: pointer;
}
.btn-approve {
  background: url(images/approve.png) no-repeat center center;
  width: 24px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  text-indent: -9999999px;
  margin-left: 0;
  margin-bottom: 10px;
  cursor: pointer;
}
.btn-process {
  background: url(images/process.png) no-repeat center center;
  width: 24px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  text-indent: -9999999px;
  margin-left: 0;
  cursor: pointer;
}
.team-leave-details .btn-edit,
.emp-mgmt .btn-edit {
  background: url(images/Edit-leaves.png) no-repeat center center;
  width: 32px;
  height: 25px;
}
.team-leave-details .btn-request,
.emp-mgmt .btn-request {
  background: url(images/leaveadd-Request.png) no-repeat center center;
  width: 32px;
  height: 25px;
}
.team-leave-details .btn-hstry,
.emp-mgmt .btn-hstry {
  background: url(images/leave-history.png) no-repeat center center;
  width: 32px;
  height: 25px;
}
.team-leave-details .btn-salary,
.emp-mgmt .btn-salary {
  background: url(images/additional_salary.png) no-repeat center center;
  width: 32px;
  height: 25px;
}
.check-table .btn-view {
  background: url(images/check-view.png) no-repeat center center;
  width: 25px;
  height: 21px;
}
.check-table .btn-edit {
  background: url(images/check-edit.png) no-repeat center center;
  width: 25px;
  height: 25px;
  margin-bottom: 13px;
}
.check-table .btn-approve {
  background: url(images/check-approve.png) no-repeat center center;
  width: 25px;
  height: 25px;
}
.check-table .btn-reject {
  background: url(images/check-reject.png) no-repeat center center;
  width: 26px;
  height: 25px;
  margin-top: 0px;
  margin-bottom: 12px;
}
.errorMesage {
  color: red;
}
@media (max-width: 1230px) {
  .check-table .btn-reject {
    margin-right: 8px;
  }
}
.table-bordered.table-striped.hr-manage-emp tr th:last-child {
  width: 122px;
}
.form-custom-layout .col-md-6 .input {
  margin: 0;
}
.form-custom-layout .col-md-6 textarea {
  height: 141px;
}
.table-bordered th:last-child {
  width: 150px;
}
.form-custom-layout .col-md-6 .input input[type="number"] {
  border: 1px solid #e7e7e7;
  width: 100%;
  resize: none;
  font-size: 16px;
  color: #b3b3b3;
  padding: 8px 14px;
}
.form-custom-layout .btn-container {
  margin-top: 45px !important;
}
form#reportReportViewForm .btn-container {
  margin-top: 0 !important;
}
form#reportReportViewForm .btn-container span {
  display: inline-block;
  vertical-align: top;
}
.bootstrap-select.btn-group .dropdown-menu li:hover {
  background: red;
}
.form-custom-layout.metrics .col-md-6 {
  padding: 0 15px;
}
.flexi-checkbox {
  margin-top: 25px;
}
.flexi-checkbox input[type="checkbox"] {
  margin-left: 0;
}
.flexi-checkbox label[for="HolidayFlexibleHoliday"] {
  margin-left: 6px;
}
.section-search .input.select.required {
  width: 100%;
}
.section-search .input.select.required select {
  width: 100%;
}
.filter-wrap .col-md-6 {
  margin: 0;
}
.pageHeading .addNew,
.addNew {
  background: #389cd3;
  color: #fff;
  border-radius: 0;
  border: 1px solid #389cd3;
  padding: 8px 20px;
  font-size: 15px;
  text-align: right;
  float: right;
  line-height: 22px;
  margin-top: 10px;
}
.pageHeading .addNew:hover,
.addNew:hover,
.addNew:focus {
  background: #fff;
  color: #389cd3;
  border: 1px solid #389cd3;
  transition: 0.5s;
}
.full_width.customized-column.col-md-5 {
  border-left: none;
}
.full_width.customized-column.col-md-5.ptop20 {
  border-right: none;
}
.brdr-lft {
  border-left: none !important;
}
.main-login.form-custom-layout .inpu {
  margin-bottom: 25px;
}
#LeaveDetailCancelLeaveForm {
  padding: 0 0 15px;
}
.form-content label {
  margin-top: 10px;
}
.stripe,
.striped-column {
  background: #ebebeb;
  padding: 11px 15px;
  color: #979797;
  min-height: 32px;
  border-left: 3px solid #389cd3;
  margin-bottom: 15px;
}
.striped-column label {
  margin: 0;
}

.Datedropdown .date_parent .date_span .btn-group.bootstrap-select {
  width: 100% !important;
}
#LeaveDetailDescription {
  width: 100%;
  border: 1px solid #d7d7d7;
}

.rwd-table th {
  display: none;
}
.rwd-table td {
  display: block;
}

.rwd-table td:before {
  content: attr(data-th) " : ";
  font-weight: bold;
  width: 9.5em;
  float: left;
}

.rwd-table th,
.rwd-table td:before {
  color: #444444;
}
.rwd-table th,
.rwd-table td {
  text-align: left;
}
/* navbar */
.navbar-default {
  background-color: transparent;
  border-color: transparent;
}
.navbar-nav > li > a {
  padding: 10px 10px 10px 13px;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #fff;
  background-color: #348cc5 !important;
  border-bottom: 2px solid #236fa1;
}
.navbar-collapse {
  padding: 0;
}
.navbar {
  min-height: 30px;
  margin-bottom: 0;
  margin-top: 10px;
  position: static;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  color: #fff;
  background-color: #348cc5;
  border-bottom: 2px solid #236fa1;
}
.open > .dropdown-menu {
  display: block;
  text-align: left;
}
.navbar-default .navbar-nav > .open a.leaveManagement:focus {
  color: #fff;
  background-color: #348cc5;
  border-bottom: 2px solid #236fa1;
}
.navbar-default .navbar-nav > .open a.tymTracking:focus {
  color: #fff;
  background-color: #348cc5;
  border-bottom: 2px solid #236fa1;
}
.navbar-default .navbar-nav .dropdown-menu {
  left: initial;
  right: 0;
  min-width: 235px;
  border: none;
  padding: 0 14px;
  border: 1px solid #ccc;
}
.navbar-default .navbar-nav .dropdown-menu li a i.fa,
.dropdown-menu li a i.fa {
  margin-right: 10px;
  width: 15px;
  height: auto;
  line-height: auto;
}
.dropdown-menu.pull-right li a i.fa {
  margin-right: 0;
  width: 18px;
}
.whole_week img {
  vertical-align: top;
  padding-top: 2px;
}
.navbar-collapse .dropdown-menu > li > a,
.notification_rows.dropdown-menu li a,
.bootstrap-select .dropdown-menu li a,
.hrsOptions .dropdown-menu li a {
  display: block;
  padding: 9px 0 9px 13px;
  text-align: left;
  color: #979797;
}
.bootstrap-select .dropdown-menu li a:hover,
.hrsOptions .dropdown-menu li a:hover {
  background-color: #f5f5f5;
}
.navbar-nav > li {
  float: left;
  margin-left: 15px;
}
.information-list {
  color: #979797;
  padding: 0;
}
.information-list h2 {
  font-size: 16px;
  margin-bottom: 25px;
  padding: 0 15px;
  margin-top: 0;
  color: #666;
  line-height: 1.3;
}
.information-list-inner {
  background: #6eb5f5;
  padding: 15px;
  margin: 15px 0px;
  color: #fff;
  position: relative;
  border-radius: 2px;
}
.custom-alert {
  padding: 0;
  margin-top: 15px;
  margin-bottom: 25px;
}
.custom-alert .alert-danger {
  margin-bottom: 0;
}
.arrow-up {
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  text-align: center;
  border-bottom: 12px solid #6eb5f5;
  position: absolute;
  top: -12px;
  left: 42%;
}
.information-list ul {
  padding: 0 0 0 25px;
  margin: 12px 0 0 0;
}
.information-list li {
  padding-bottom: 5px;
}
.contact-line {
  float: left;
  width: 100%;
  font-size: 16px;
  text-decoration: underline;
}
.form-custom-layout .required-txt {
  color: #979797;
  font-size: 15px;
  margin: 30px 0 18px 0;
  line-height: 23px;
}
input#LeaveDetailAvailabilityNone + label.error {
  position: absolute;
  top: 132px;
  left: -27px;
}
.btn-group.bootstrap-select {
  width: 220px !important;
}
.btn-group.bootstrap-select.chk-req-sel {
  width: 120px !important;
}
.section-search .btn-group.bootstrap-select,
.form-custom-layout .btn-group.bootstrap-select {
  width: 100% !important;
}
.records .btn-group.bootstrap-select {
  width: 62px !important;
}
.leaveFieldsChkReq .btn-group.bootstrap-select {
  width: 100% !important;
}
.no-record {
  color: #737373;
  background-color: #fafafa;
  border: 1px solid #efefef;
  padding: 13px 15px;
  min-height: 32px;
  margin-bottom: 15px;
  float: left;
  border-radius: 5px;
  width: 100%;
  font-size: 15px;
  text-align: center;
}
.no-record img {
  margin: 0 auto;
  margin-bottom: 5px;
}
.alert-custom {
  color: #a94442;
  border-color: #ebccd1;
  background-color: #f2dede;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.hr-manage-emp .bootstrap-select.btn-group .dropdown-menu li a span.text {
  display: inline-block;
  margin: 0;
  text-transform: capitalize;
}
.employeeInfo.form-custom-layout .row {
  margin-bottom: 22px;
}
.inner-col .col-md-6.box1 {
  padding-left: 0;
  padding-right: 15px;
  margin-top: 0;
}
.inner-col .col-md-6.box2 {
  padding-right: 0;
  padding-left: 15px;
  margin-top: 0;
}
.inner-col .bootstrap-duallistbox-container .filter {
  display: inline-block;
  width: 100%;
  height: auto;
  margin: 0 0 5px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bootstrap-duallistbox-container .filter {
  border-radius: 0;
}
.bootstrap-duallistbox-container.row.moveonselect {
  margin-bottom: 0;
}
.inner-col .bootstrap-duallistbox-container select {
  padding: 10px;
}
.form-control {
  font-size: 15px;
  color: #b3b3b3;
}

.legand-wrap input[type="radio"],
.legand-wrap input[type="checkbox"] {
  margin: 5px 0 0 0;
}
.row.legand-wrap label {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 7px;
}
.row.legand-wrap .input label {
  margin-left: 7px;
  border: none;
  padding-bottom: 0;
}
.legand-wrap .input div {
  float: left;
  width: 50%;
}
.legand-wrap .input div + div {
  float: left;
  width: 50%;
}
#end_of_probation_row label,
.legand-wrap .notice_period_row label {
  border: none;
}
.emp-add-sidebar .col-sm-12 {
  margin-bottom: 20px;
}
.emp-add-rgt {
  padding-right: 0;
}
.emp-pdng-lft {
  padding-left: 0;
}

.btn-attach {
  background: url("images/paper-clip-blue.png") no-repeat 36px 13px/ 23px;
  border: 1px solid #389cd3;
  display: table;
  margin: 12px auto 30px;
  color: #389cd3;
  float: none;
  font-size: 1.6rem;
  line-height: 21px;
  padding: 12px 0;
  text-transform: uppercase;
  min-width: 275px;
  position: relative;
  text-align: center;
}
.profileHintText .col-sm-12 {
  padding: 0;
}
.profileHintText .col-sm-12 label {
  text-align: left;
  margin-bottom: 8px;
  padding-top: 8px;
}
.profileHintText .titleHeading {
  margin-bottom: 0;
}
.profile-pic-wrap {
  float: left;
  width: 100%;
  border: 1px solid #e6e6e6;
  padding: 30px 10px 0;
  margin-bottom: 37px;
  background: #f8f8f8;
  margin-top: 13px;
}
.avtar-right {
  margin-top: 23px;
}
.browse-text {
  padding-left: 20px;
}
.profile-pic {
  float: left;
  width: 100%;
  text-align: center;
}
.avtar-right label {
  max-width: 100%;
  font-weight: normal;
  color: #979797;
  font-size: 16px;
  width: 100%;
  text-align: center;
  margin-top: 12px;
}
.holiday-pic-wrap .btn-attach {
  margin: 20px auto 30px;
}
.holiday-pic-wrap {
  float: left;
  width: 100%;
  border: 1px solid #e6e6e6;
  padding: 30px 10px 0;
  margin-bottom: 37px;
  background: #f8f8f8;
  margin-top: 13px;
}

.holiday-pic img,
.profile-pic img {
  margin: 0 auto;
  text-align: center;
}
#innerRecords ul {
  padding: 0;
}
.row_project .box2.col-md-6 {
  padding-right: 0px;
}
.modal-dialog .leaveContent {
  background: #fff;
}
.modal .listedData {
  background: #fff;
  margin: 0;
  border: none;
}
.modal .listedData .row {
  margin: 20px 0;
}
.form-custom-layout input[type="checkbox"] {
  margin-left: 0;
  margin-top: 6px;
}
.modal-title {
  font-family: avantgardeitcregular;
  font-size: 23px;
  color: #444;
}
.modal-content {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
  float: left;
  width: 100%;
  margin-top: 20px;
}
.modal .modal-footer .btn-primary {
  padding: 5px 25px 6px;
  font-size: 17px;
  background: #389cd3;
  border: 1px solid #407fb6;
  border-radius: 3px;
  line-height: 24px;
}
.modal .modal-footer .btn-primary:hover,
.form-custom-layout .footer_color .btn-primary:focus {
  background: #407fb6;
  border: 1px solid #389cd3;
  transition: 0.5s;
}
.modal-footer .btn-default,
.modal-footer .btn.btn-default {
  padding: 5px 25px 6px;
  font-size: 17px;
  background: #9e9e9e;
  border: 1px solid #757575;
  border-radius: 3px;
  line-height: 24px;
}
.modal-footer .btn-default:hover,
.modal-footer .btn-default:focus {
  padding: 5px 25px 6px;
  font-size: 17px;
  background: #8c8b8b;
  border: 1px solid #757575;
  border-radius: 3px;
  line-height: 24px;
  transition: 0.5s;
  color: #fff;
}
.modal-content.customPopup {
  border-radius: 0 0 4px 4px;
  border: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.emp_info_table .box1.col-md-6 {
  padding-left: 0;
  padding-right: 15px;
  margin: 0;
  width: 49.5%;
}
.emp_info_table .box2.col-md-6 {
  padding-right: 15px;
  padding-left: 15px;
  margin: 0;
  width: 50%;
}
.emp_info_table .row {
  margin-bottom: 22px;
}
.radio-btngrp label {
  width: 26%;
}
.radio-btngrp label.head {
  width: 100%;
}
.radio-btngrp input[type="radio"] {
  margin-right: 10px;
}
.margin-0 {
  margin-top: 0;
}
.btn-popup {
  background: #fff;
  border: 1px solid #389cd3;
  padding: 12px 25px;
  margin: 0 0 20px;
  display: table;
  border-radius: 5px;
  color: #389cd3;
}
.btn-popup:hover {
  background: #389cd3;
  border: 1px solid #389cd3;
  color: #fff;
}
.table-heading {
  border: 1px solid #ccc;
  background-color: rgba(193, 193, 193, 0.43);
  float: left;
  width: 100%;
}
.addNewMain {
  width: 100%;
  margin-bottom: 10px;
  float: left;
}
.table-content {
  clear: both;
}
#historyDetail .table-heading .title,
#historyDetail .table-content .data {
  display: table-cell;
  padding: 9px 0;
}
#contracthistory .table-heading .title,
#contracthistory .table-content .data {
  padding: 9px 0;
}
#historyDetail .data input[type="text"],
#historyDetail .data input[type="number"],
#contracthistory .data input[type="text"],
#contracthistory .data input[type="number"] {
  width: 90% !important;
  height: 30px !important;
  padding: 5px !important;
  margin: 0 auto !important;
}
#contracthistory .editable {
  display: none;
}
#historyDetail .table-content {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  position: relative;
  width: 100%;
  display: table;
}
#projectSelection,
#userSelection {
  width: 100%;
  border: 1px solid #d7d7d7;
  padding: 10px;
  color: #979797;
}
.bill-row .billable.non-billable-bg {
  margin-left: 10px;
}
.form-custom-layout .multi_checkbox .checkbox {
  margin-left: 0;
}
.form-custom-layout .multi_checkbox .checkbox + .checkbox {
  margin-left: 13px;
}
.btn-container span {
  display: inline-block;
}
.xls-icon {
  position: relative;
  top: 4px;
  margin-left: 15px;
}
.invoicegrid ul {
  padding: 0;
}
.table-bordered th select {
  border: 1px solid #d7d7d7;
  box-shadow: none;
  color: #979797;
  line-height: 1.42857;
  margin: 0 !important;
  padding: 5px 9px;
  width: 100%;
  background: #fff;
  font-size: 15px;
}
.padding-lft-0 {
  padding-left: 0;
}
.padding-rgt-0 {
  padding-right: 0;
}

.modal-header.popTpbg {
  border-radius: 6px 6px 0 0;
  padding: 11px 0;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #ddd;
  background: #ebebeb;
  border-radius: 6px 6px 0 0;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
}

.post-time li a {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: auto;
  padding: 3px 10px 3px 8px;
  border: none;
  color: rgba(0, 0, 0, 1);
  -o-text-overflow: clip;
  text-overflow: clip;
  -webkit-transform: skewX(-20deg);
  transform: skewX(-20deg);
  display: inline-block;
  border-radius: 0 !important;
  border: 0 !important;
  color: #fff;
}
.post-time li a span {
  -webkit-transform: skewX(198deg);
  transform: skewX(198deg);
  display: block;
  padding-left: 17px;
}
.post-time li .shCode-weekend span,
.post-time li .shCode-hp span {
  padding-left: 20px;
}
.space_outr_l {
  margin-left: 10px;
}
.searcharea input.filterBtn {
  min-width: 150px;
  width: 150px;
  top: 0;
}
.approve-ques {
  font-family: avantgardeitcregular;
  font-size: 23px;
  line-height: 30px;
  padding: 25px 20px;
  text-align: center;
}
.feedback-text {
  float: left;
  width: 100%;
  margin-top: 11px;
  text-align: center;
}
.text-center.or-text {
  background: #fff;
  text-align: center;
  margin: 0 auto;
  width: 30px;
  height: auto;
  position: relative;
  z-index: 1;
  font-size: 18px;
}
.divider_text {
  position: relative;
  top: -11px;
  left: 0;
  width: 100%;
  border-top: 1px solid #e8e8e8;
  float: left;
  margin: 0;
}
.border-box {
  border: 1px solid #d7d7d7;
  margin-bottom: 45px;
}
.border-box .col-sm-12 {
  margin-top: 22px;
}
.expected-hours-select .input {
  width: 100%;
}
.expected-hours-select .input select {
  float: left;
  width: 100%;
  border: 1px solid #d7d7d7;
  box-shadow: none;
  color: #979797;
  height: 40px;
  line-height: 1.42857;
  margin: 0 !important;
  padding: 7px 12px;
  background: #fff;
  font-size: 16px;
}
.expected-hours-select label {
  width: 100%;
  max-width: 100%;
  font-weight: normal;
  color: #878787;
  font-size: 16px;
  width: 100%;
}
.expected-hours-select .date_filters .input.date {
  width: 100%;
}

.expected-hours-select .date_filters .input.date select + select {
  width: 46%;
  float: none;
  display: inline-block;
  position: relative;
  left: 3%;
}
.expected-hours-select .date_filters .input.date select {
  width: 46%;
  margin-right: 3% !important;
}
.expected-hours-select .date_filters {
  position: relative;
  top: 0;
}
.timetrack-report-view select {
  float: left;
  width: 100%;
  border: 1px solid #d7d7d7;
  box-shadow: none;
  color: #979797;
  height: 40px;
  line-height: 1.42857;
  margin: 0 !important;
  padding: 7px 12px;
  background: #fff;
  font-size: 16px;
}
.report-view-fieldset-wrap {
  float: left;
  width: 100%;
  margin-top: 40px;
}
.report-view-fieldset-wrap legend {
  font-family: avantgardeitcregular;
  margin-bottom: 0;
}
.report-view-fieldset-wrap label {
  margin-left: 10px;
  font-weight: normal;
  color: #878787;
  font-size: 16px;
}
.report-view-fieldset-wrap .col-sm-4 input[type="checkbox"] {
  margin-left: 0px;
}
.report-view-fieldset-wrap .col-sm-4 .checkbox {
  margin-top: 0;
}
.report-view-fieldset-wrap .col-sm-4 select {
  float: left;
  width: 100%;
  border: 1px solid #d7d7d7;
  box-shadow: none;
  color: #979797;
  height: 40px;
  line-height: 1.42857;
  margin: 0 !important;
  padding: 7px 12px;
  background: #fff;
  font-size: 16px;
}
.report-view-fieldset-wrap .col-sm-4 .input.select {
  margin-bottom: 15px;
  float: left;
  width: 100%;
}
.report-border-box {
  border: 1px solid #ccc;
  padding: 16px;
  float: left;
  width: 100%;
}
#employeeForReport {
  min-height: 150px;
}
#reportHeaderTr,
#reportHeaderTr td {
  background: #389cd3;
  color: #fff;
  padding: 5px !important;
}
#contentTitleReport {
  float: left;
  width: 100%;
  margin: 30px 0 22px !important;
}
/********/
.lms-header {
  margin: 27px 30px;
}
a:hover,
a:focus {
  outline: none;
}
.txtElement {
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.3;
  color: #666;
  font-size: 16px;
}
.lms-header .main-nav,
.lms-header .main-nav li {
  display: inline-block;
  list-style: none;
  line-height: 29px;
}
.lms-header .main-nav {
  margin-bottom: 0;
  margin-top: 7px;
}
.main-nav li.hidden-xs a {
  position: relative;
  top: 6px;
  left: 5px;
}
.lms-header .navbar-toggler {
  background: none;
  border: none;
  position: absolute;
  top: -33px;
  outline: none;
}
.lms-header ul li {
  margin-left: 25px;
}
.lms-header ul li a {
  font-size: 16px;
  color: #666666;
  font-weight: 500;
  margin-left: 5px;
}
.lms-header ul li a:hover,
.lms-header ul li a:focus {
  text-decoration: none;
}
.lms-header ul li a img {
  margin-left: 5px;
}
.lms-header .dropdown-menu {
  top: 60px;
  left: 0;
  min-width: 200px;
  z-index: 2;
  padding: 0;
}
.lms-header .dropdown-menu.profile-menu {
  left: unset;
  right: -10px;
}
.dropdown-menu.drop-list li {
  width: 100%;
  margin-bottom: 0;
  margin-left: 0;
}
.dropdown-menu.drop-list li a {
  padding: 10px 15px;
  top: 0;
  left: 0;
}
.arrow-menu-small {
  left: -119px;
  position: relative;
  top: 15px;
}
.arrow-profile-small {
  right: -24px;
  position: relative;
  top: 15px;
}
.dropdown-menu.drop-list li a:hover {
  background: #ebebeb;
  color: #717171;
}
.dropdown-menu.drop-list li a:hover:first-child {
  border-radius: 5px 5px 0 0;
}
.dropdown-menu.drop-list li a:hover:last-child {
  border-radius: 0 0 5px 5px;
}
.lms-header ul li a:hover {
  text-decoration: none;
}
.lms-header .notification {
  position: relative;
}
.lms-header .notification .notify-count {
  position: absolute;
  background-color: #d63333;
  top: -4px;
  left: 15px;
  width: 18px;
  height: 18px;
  color: #fff;
  font-size: 11px;
  border-radius: 14px;
  text-align: center;
  padding-top: 1px;
  border: 1px solid #ae2727;
  line-height: 16px;
}

.lms-notification_dropdown {
  padding: 0 !important;
  top: 37px !important;
  left: -223px !important;
  min-width: 340px !important;
  z-index: 2;
}
.lms-notification_dropdown .arrow::after {
  top: -43px !important;
  left: 219px !important;
}
.lms-notification_dropdown li {
  display: block !important;
  margin-left: 0 !important;
  padding: 7px 10px 0px 15px;
  border-bottom: 1px solid #ccc;
}
.lms-notification_dropdown li:hover {
  background: #f3f1f1;
}

.dropdown-menu li a {
  padding: 0;
  margin-left: 0 !important;
}
.dropdown-menu li a img {
  margin-left: 0 !important;
}
.dropdown-menu li a:focus,
.dropdown-menu li a:hover {
  background-color: #fff;
}
.lms-header .dropdown-menu .list-item:hover {
  border-color: #ccc;
}
.lms-featured_post {
  animation: 15s ease 0s normal none infinite running colorandom;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.75;
  position: relative;
  right: 0;
  top: 0;
  padding: 100px 0;
  background-color: #fff;
}
@keyframes colorandom {
  0% {
    background: #278acb none repeat scroll 0 0;
  }
  30% {
    background: #00568f none repeat scroll 0 0;
  }
  60% {
    background: #017dcd none repeat scroll 0 0;
  }
  80% {
    background: #004d84 none repeat scroll 0 0;
  }
  100% {
    background: #008ffa none repeat scroll 0 0;
  }
}
.lms-featured_post .heading {
  text-transform: uppercase;
  font-size: 24px;
  color: #8cfbf8;
  position: relative;
  text-align: center;
  height: 10px;
  margin-bottom: 20px;
}
.lms-featured_post .heading span {
  position: relative;
  display: inline-block;
  top: -15px;
  width: 100%;
}
.lms-featured_post .heading span::before,
.lms-featured_post .heading span::after {
  background: url(../img/separator.png) repeat-x 0 14px;
  height: 20px;
  width: calc(100% - 63%);
  content: "";
  float: left;
  margin: 0 15px;
}
.lms-featured_post .heading span::after {
  float: right;
}
.lms-featured_post .card {
  min-height: 105px;
  background: rgba(250, 250, 250, 0.12);
  margin-top: 15px;
  min-height: 108px;
}
.lms-notification_dropdown {
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  margin-bottom: 5px;
  background-image: url(../img/notifications.png) no-repeat left top;
  padding-left: 20px;
}
.lms-notificationInfo {
  padding-bottom: 5px;
  margin-bottom: 5px;
  background: url(../img/notifications.png) no-repeat left top 3px;
  padding-left: 20px;
  line-height: 22px;
}
.lms-notificationInfo span {
  display: block;
  font-weight: 500;
  color: #494949;
}
.lms-notiTime {
  color: #ccc !important;
  font-weight: 300 !important;
}
.lms-featured_post .card-content {
  padding-top: 14px;
  text-align: center;
}
.lms-featured_post .card-content span {
  display: block;
  text-align: center;
  font-size: 16px;
  width: 100%;
  color: #ffffff;
  padding: 0 10px;
  line-height: 20px;
  font-family: "futuramedium";
}
.card-content img {
  padding-bottom: 6px;
}
.lms-featured_post .card {
  position: relative;
  text-align: center;
}
.lms-section_post {
  margin-top: -200px;
}
.post-content {
  background-color: rgb(255, 255, 255);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  padding: 12px;
}
.lms-leave_calendar.bg-table {
  background: url(../img/table-bg.png);
  background-size: 100%;
  min-height: 525px;
  padding: 20px 0;
}
.lms-carousel,
.lms-leave_calendar.bg-table {
  float: left;
  width: 100%;
}
.lms-section_post .post-content h2 {
  margin-top: 0;
  font-size: 22px;
  display: inline-block;
  padding-left: 5px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-15 {
  margin-top: 15px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mr-10 {
  margin-right: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.p-15 {
  padding: 15px;
}
.ptb-15 {
  padding: 15px 0;
}
.mtb-50 {
  padding: 87px 0;
}
.lms-carousel .bg-carousel {
  background: url(../img/carousel_bg.jpg);
  height: 442px;
  background-size: cover;
}
.carousel-indicators {
  bottom: -25px !important;
  border: 1px solid;
  border-color: #ccc #ccc #fff #ccc;
  padding: 7px 0;
}
/*.footer{
	background:#212121;
	padding:10px;
}*/
.footer p {
  margin: 0;
  color: #fff;
  font-size: 16px;
  padding: 12px 0;
}

.carousel-control.left,
.carousel-control.right {
  background-image: none !important;
  top: 259px;
}
.slider-inner {
  position: relative;
  width: 100% !important;
  overflow: hidden;
  margin: 0 auto;
}
.slider-inner .item {
  min-height: 150px;
}
.carousel-indicators .active {
  width: 8px;
  height: 8px;
  margin: 2px;
  background-color: #c4c4c4;
  border: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000\9;
  background-color: #e6e6e6;
  border-radius: 10px;
}
.lms-carousel .carousel-inner {
  position: relative;
  width: 80%;
  overflow: hidden;
  margin: 0 auto;
}
.pos-rel {
  margin-top: 3%;
  margin-bottom: 3%;
}
.carousel-control.left,
.carousel-control.right {
  background-image: none !important;
  top: 322px;
  border-top: 1px solid #ccc;
}
.carousel-indicators {
  position: absolute;
  top: auto;
  left: 50%;
  bottom: 0px;
  min-height: 35px;
  z-index: 15;
  width: 68%;
  padding-left: 0;
  margin-left: -34.2%;
  text-align: center;
  list-style: none;
}
.carousel-control {
  width: 17%;
  opacity: 1;
}
.carousel-control img {
  margin: -4px 0 0 0 !important;
}
.carousel-control img:hover {
  opacity: 0.5;
}
.lms-carousel .carousel-heading {
  color: #fff;
  padding: 25px 0 0 0;
  font-family: "aller_lightregular";
  font-size: 40px;
}
.holiday-block .slide {
  position: relative;
  min-height: 343px;
}
.border-grey {
  bottom: 0;
  top: 0;
  position: absolute;
  width: 100%;
}
.progress-bar {
  box-shadow: none;
  -webkit-box-shadow: none;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(186, 148, 253, 31)),
    to(rgba(104, 60, 184, 41)),
    color-stop(0, rgba(186, 148, 254, 31))
  );
}
.progress-bar-strategic {
  background: #4ce9fd; /* Old browsers */
  background: -moz-linear-gradient(
    left,
    #4ce9fd 0%,
    #01bcd4 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #4ce9fd 0%,
    #01bcd4 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #4ce9fd 0%,
    #01bcd4 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ce9fd', endColorstr='#01bcd4',GradientType=1 ); /* IE6-9 */
}
.progress-bar-belief {
  background: #0fdcc9; /* Old browsers */
  background: -moz-linear-gradient(
    left,
    #0fdcc9 1%,
    #009789 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #0fdcc9 1%,
    #009789 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #0fdcc9 1%,
    #009789 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0fdcc9', endColorstr='#009789',GradientType=1 ); /* IE6-9 */
}
.bar-blue {
  box-shadow: none;
  -webkit-box-shadow: none;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(186, 148, 253, 31)),
    to(rgba(64, 82, 182, 19)),
    color-stop(0, rgba(125, 145, 255, 16))
  ) !important;
}
.bar-lightblue {
  box-shadow: none;
  -webkit-box-shadow: none;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(14, 218, 199, -49)),
    to(rgba(14, 218, 199, -49)),
    color-stop(0, rgba(125, 145, 255, 16))
  ) !important;
}
.bar-yellow {
  box-shadow: none;
  -webkit-box-shadow: none;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(255, 153, 2, 33)),
    to(rgba(255, 153, 2, 33)),
    color-stop(0, rgba(252, 211, 151, 9))
  ) !important;
}
.bar-ltblue {
  box-shadow: none;
  -webkit-box-shadow: none;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(1, 189, 213, -34)),
    to(rgba(1, 189, 213, -34)),
    color-stop(0, rgba(244, 247, 247, -1))
  ) !important;
}
.custom-heading {
  margin-top: 0;
  font-family: "futuramedium";
}
.holiday-block img {
  margin: 13.5px 0;
  position: relative;
}
.holiday-block {
  min-height: 402px;
  position: relative;
}
.flexiholiday-block {
  margin-bottom: 27px;
  margin-top: 21px;
  position: relative;
}
.lms-flexiholiday .custom-heading {
  color: #424242;
  font-size: 18px;
}
.lms-flexiholiday {
  padding: 12px 8px;
}
.flexiholiday-block img {
  width: 100%;
  border-radius: 10px;
}
.flexiholiday-block .block-inner img,
.flexiholiday-block .block-inner_2 img {
  width: auto;
  margin-top: -2px;
  margin-bottom: 0;
  margin-right: 5px;
}
.flexiholiday-block + .flexiholiday-block {
  margin-bottom: 0;
  margin-top: 0;
}
.flexiholiday-block p {
  margin: 0;
  font-size: 15px;
}
.slider-inner img {
  margin: 0 !important;
}
.block-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 150px;
  color: #fff;
  z-index: 3;
}
.block-inner_2 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 150px;
  color: #fff;
}
.block-inner h4,
.block-inner_2 h4 {
  margin: 0 0 4px;
  font-size: 22px;
  font-weight: normal;
  font-family: "futuramedium";
}
.block-inner img {
  margin-right: 5px;
}
.dropdown-menu .arrow::after {
  border-color: #87c42b transparent transparent;
  border-style: solid;
  border-width: 13px 13px 0;
  content: " ";
  display: block;
  height: 0;
  width: 27px;
  top: -28px;
  left: 125px;
  border-width: 0 8px 13px 8px;
  background-image: url(../img/caret-up.png);
  position: relative;
  background-repeat: no-repeat;
}
.lms-notification_dropdown .arrow::after {
  border-color: #87c42b transparent transparent;
  border-style: solid;
  border-width: 13px 13px 0;
  content: " ";
  display: block;
  height: 0;
  width: 36px;
  top: -28px;
  left: 125px;
  border-width: 0 8px 13px 8px;
  background-image: url(../img/arrow-grey.png);
  position: relative;
  background-repeat: no-repeat;
}
.p-0 {
  padding: 0;
}
.m-0 {
  margin: 0;
}
.icon-caret {
  position: absolute;
  top: 27px;
  z-index: 9;
  left: 10px;
}
.lms-btn_detail {
  border: 1px solid rgb(33, 150, 243);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  color: rgb(33, 150, 243);
  padding: 5px 11px;
  font-family: "latomedium";
  font-size: 13px;
  line-height: 19px;
}
.lms-btn_detail:hover {
  color: #fff;
  border-color: rgb(33, 150, 243);
  background-color: rgb(33, 150, 243);
  -webkit-box-shadow: 0px 0px 43px -9px rgba(158, 156, 158, 1);
  -moz-box-shadow: 0px 0px 43px -9px rgba(158, 156, 158, 1);
  box-shadow: 0px 0px 43px -9px rgba(158, 156, 158, 1);
}
.lms-section_post .notify-block {
  list-style: none;
  padding-left: 0;
}
.lms-section_post .post-content {
  min-height: 416px;
  margin-bottom: 50px;
}
.lms-section_post .notify-block li {
  border-radius: 4px;
  background-color: rgb(250, 250, 250);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
  padding: 10px;
  margin-top: 10px;
  color: #616161;
  font-size: 16px;
}
.lms-section_post .notify-block li span,
.lms-section_post .post-content .caption-progress {
  margin-left: 15px;
  font-size: 16px;
  color: #616161;
}
.lms-section_post .post-content .caption-progress {
  margin-left: 5px;
  width: 22%;
  padding-right: 0;
}
.post-content .row {
  margin-top: 24px;
}
.post-content .space-top {
  margin-top: 33px;
}
.lms-section_post .notify-block li:hover {
  -webkit-box-shadow: 0px 0px 5px 2px rgba(209, 209, 209, 1);
  -moz-box-shadow: 0px 0px 5px 2px rgba(209, 209, 209, 1);
  box-shadow: 0px 0px 5px 2px rgba(209, 209, 209, 1);
}
.post-content .col-xs-2.col-sm-1 {
  padding-right: 0;
  padding-left: 10px;
  color: #757575;
}
.post-content .progress {
  margin-bottom: 22px;
}
.card:hover {
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.lms-featured_post:hover a {
  text-decoration: none;
}
.mt-20 {
  margin-top: 20px;
}
.pl-0 {
  padding-left: 0;
}
.nav-tabs.lms-tabs {
  border-bottom: none;
  position: relative;
  z-index: 3;
}
.nav-tabs.lms-tabs li.active {
  border: none;
}
.nav-tabs.lms-tabs li.active a,
.nav-tabs.lms-tabs li.active a:focus,
.nav-tabs.lms-tabs li.active a:hover {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ccc;
  font-size: 18px;
  border-bottom: none;
  cursor: pointer;
}
.nav-tabs.lms-tabs > li > a:hover {
  color: #555;
  cursor: default;
  background-color: #ebebeb;
  border: 1px solid #ccc;
  font-size: 18px;
  border-bottom: none;
  cursor: pointer;
}
.lms-section_holiday .tab-content {
  position: relative;
  z-index: 2;
  top: 0;
  min-height: 226px;
}
.nav-tabs.lms-tabs li a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 0;
  font-size: 18px;
  color: #9e9e9e;
  padding: 18px;
  min-width: 165px;
  text-align: center;
  border-bottom: none;
  font-family: "futuramedium";
}
.nav-tabs.tabs-emp {
  border-bottom: none;
  position: relative;
  z-index: 3;
}
.nav-tabs.tabs-emp li.active {
  border: none;
}
.nav-tabs.tabs-emp li.active a,
.nav-tabs.tabs-emp li.active a:focus,
.nav-tabs.tabs-emp li.active a:hover {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ccc;
  border-bottom: none;
  cursor: pointer;
}
.nav-tabs.tabs-emp > li > a:hover {
  color: #555;
  cursor: default;
  background-color: #ebebeb;
  border: 1px solid #ccc;
  border-bottom: none;
  cursor: pointer;
}
.nav-tabs.tabs-emp li a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 0;
  font-size: 18px;
  color: #9e9e9e;
  padding: 17px;
  min-width: 130px;
  text-align: center;
  border-bottom: none;
  font-family: "futuramedium";
}
.section-multi-tabs .tab-content {
  min-height: 220px;
}
.section-multi-tabs .tab-content .tab-pane {
  min-height: 240px;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 15px;
}
.progress,
.progress-bar {
  border-radius: 22px;
}
.lms-section_holiday {
  background-color: #f5f5f5;
  padding-top: 60px;
  padding-bottom: 50px;
  margin-top: 30px;
}
.flag-row {
  float: left;
  width: 100%;
}
.flag-row img {
  float: right;
  margin-right: 9px !important;
  margin-top: 5px !important;
}
.upcoming-holiday {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 54px;
  margin-top: 32px;
  font-family: "futuramedium";
}
.upcoming-holiday h4 {
  font-size: 22px;
  margin-bottom: 6px;
}
.upcoming-holiday p img {
  margin: -6px 8px 0 0 !important;
}
.lms-leave_calendar .emp-table .table-heading {
  margin-bottom: 40px;
  margin-top: 50px;
  font-family: "aller_lightregular";
  font-size: 40px;
  background: none;
  border: none;
}
.lms-leave_calendar .table-responsive th {
  font-size: 18px;
  font-weight: normal;
  line-height: 24px;
  padding: 15px 12px;
  border-bottom: none;
  font-family: "futuramedium";
}
.lms-leave_calendar .table-responsive table {
  border-collapse: separate;
  border-spacing: 0 8px;
}
.lms-leave_calendar .table-responsive table.tablehead {
  border-spacing: 0;
}
.lms-leave_calendar .emp-table table thead {
  color: #fff;
  background-color: #00568f;
}
.lms-leave_calendar .emp-table table tbody tr {
  background-color: #e0e0e0;
}
.lms-leave_calendar .emp-table table tbody tr td {
  padding: 6px 12px;
  color: #616161;
  vertical-align: middle;
  font-size: 15px;
  font-family: "futuramedium";
}
.lms-section_holiday .leave-count {
  font-size: 50px;
}
.lms-section_holiday .leave-type {
  color: #fff;
  padding: 5px 20px;
  border-radius: 25px;
}
.lms-section_holiday .leave-type.pl-leave {
  background-color: #4db7ad;
}
.lms-section_holiday .leave-type.cl-leave {
  background-color: #9675ce;
}
.lms-section_holiday .leave-type.sl-leave {
  background-color: #ef999a;
}
.lms-section_holiday .apply-leave {
  color: #3c9bd5;
  margin-top: 15px;
}
.lms-section_holiday .apply-leave a {
  color: #2a91d2;
  text-decoration: none;
}
.lms-section_holiday .tab-pane {
  width: 100%;
  float: left;
  background-color: #fff;
  border: 1px solid #ccc;
  min-height: 305px;
  font-family: "futuramedium";
}
.grow:hover {
  transform: scale(1.2);
  -webkit-transition-duration: 0.5s;
}
.jcarousel-wrapper {
  margin: 10px auto;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  max-width: 1055px;
}

/** Carousel **/
.jcarousel {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.jcarousel ul {
  width: 20000em;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
.jcarousel li {
  width: 255px !important;
  float: left;
  margin: 35px 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.jcarousel img {
  display: block;
  max-width: 100%;
  height: auto !important;
}
/*css for materialize buttons*/
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  transition: 0.3s ease-out;
}
.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  transition: all 0.7s ease-out;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transform: scale(0);
  transform: scale(0);
  pointer-events: none;
}
.waves-effect.waves-light .waves-ripple {
  background-color: rgba(255, 255, 255, 0.45);
}

.waves-effect.waves-red .waves-ripple {
  background-color: rgba(244, 67, 54, 0.7);
}

.waves-effect.waves-yellow .waves-ripple {
  background-color: rgba(255, 235, 59, 0.7);
}

.waves-effect.waves-orange .waves-ripple {
  background-color: rgba(255, 152, 0, 0.7);
}

.waves-effect.waves-purple .waves-ripple {
  background-color: rgba(156, 39, 176, 0.7);
}

.waves-effect.waves-green .waves-ripple {
  background-color: rgba(76, 175, 80, 0.7);
}

.waves-effect.waves-teal .waves-ripple {
  background-color: rgba(0, 150, 136, 0.7);
}

.waves-effect input[type="button"],
.waves-effect input[type="reset"],
.waves-effect input[type="submit"] {
  border: 0;
  font-style: normal;
  font-size: inherit;
  text-transform: inherit;
  background: none;
}
.waves-effect .waves-ripple {
  z-index: -1;
}
/**/
/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
  position: absolute;
  bottom: 45%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  text-align: center;
}

.jcarousel-control-prev {
  left: -43px;
}

.jcarousel-control-next {
  right: -43px;
}

/** Carousel Pagination **/

.jcarousel-pagination {
  position: absolute;
  bottom: -40px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  margin: 0;
}

.jcarousel-pagination a {
  text-decoration: none;
  display: inline-block;

  font-size: 11px;
  height: 10px;
  width: 10px;
  line-height: 10px;

  background: #fff;
  color: #4e443c;
  border-radius: 10px;
  text-indent: -9999px;

  margin-right: 7px;

  -webkit-box-shadow: 0 0 2px #4e443c;
  -moz-box-shadow: 0 0 2px #4e443c;
  box-shadow: 0 0 2px #4e443c;
}

.jcarousel-pagination a.active {
  background: #4e443c;
  color: #fff;
  opacity: 1;

  -webkit-box-shadow: 0 0 2px #f0efe7;
  -moz-box-shadow: 0 0 2px #f0efe7;
  box-shadow: 0 0 2px #f0efe7;
}
.lms-notification_dropdown .arrow {
  display: block !important;
  background: linear-gradient(to right, #039be5 0%, #009688 100%);
  padding-top: 10px;
  color: #fff;
}
.defaultEmpImage {
  width: 36px;
  height: 36px;
  display: inline-block;
  background: #dc7cff;
  color: #fff;
  border-radius: 63%;
  font-size: 18px;
  line-height: 36px;
  text-align: center;
  margin-right: 10px;
}
.manage_client_btn .col-sm-2.col-xs-4 .btn {
  min-width: 150px;
  float: left;
  text-align: center;
}
.manage_client_btn .col-sm-2.col-xs-4 {
  padding-left: 0;
}
.manage_client_btn .filterBtn {
  float: right;
}
#report_generate_button {
  padding: 6px 19px !important;
}
.table-striped > tbody > tr.currentWeek {
  background: #cbebfc;
}
.listedData table td.leaveDiv span {
  text-transform: uppercase;
}
.listedData table td.leaveDiv span.currentDate {
  color: #666;
}
.listedData table td .colDate {
  color: #979797;
}
#reportReportViewForm .col-md-6 {
  margin: 0;
  padding: 0 15px;
}
.countPost {
  width: auto;
  margin-right: 15px;
}
.form-custom-layout .countPost label {
  width: auto;
  display: block;
}
.post-icon {
  margin-top: -10px;
  margin-right: 15px;
} /* text- animations for Login Screen*/
.wrapper-animation span {
  opacity: 0;
  overflow: hidden;
  -webkit-animation: rotateWord 8s linear infinite 0s;
  -ms-animation: rotateWord 8s linear infinite 0s;
  animation: rotateWord 8s linear infinite 0s;
  display: block;
  margin-top: -20px;
}

.wrapper-animation span {
  opacity: 0;
  overflow: hidden;
  -webkit-animation: rotateWord 8s linear infinite 0s;
  -ms-animation: rotateWord 8s linear infinite 0s;
  animation: rotateWord 8s linear infinite 0s;
  display: block;
  margin-top: -20px;
}
.wrapper-animation span:first-child {
  margin-top: 10px;
  -webkit-animation-delay: 0s;
  -ms-animation-delay: 0s;
  animation-delay: 0s;
}
.wrapper-animation span:nth-child(2) {
  -webkit-animation-delay: 2s;
  -ms-animation-delay: 2s;
  animation-delay: 2s;
}
.wrapper-animation span:nth-child(3) {
  -webkit-animation-delay: 4s;
  -ms-animation-delay: 4s;
  animation-delay: 4s;
}
.wrapper-animation span:nth-child(4) {
  -webkit-animation-delay: 6s;
  -ms-animation-delay: 6s;
  animation-delay: 6s;
}
.section-strengths,
.section-list {
  background-color: rgb(255, 255, 255);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  padding: 15px;
  float: left;
  width: 100%;
  min-height: 410px;
  margin-top: 60px;
}
.section-strengths h3,
.section-list h3 {
  margin-top: 0;
  margin-bottom: 30px;
  display: inline-block;
  width: 100%;
  float: left;
}
.strengthstable tbody tr:nth-of-type(2n + 1) {
  background-color: #ffffff !important;
}
.detail-btn {
  float: right;
  color: #2095f2;
  border: 1px solid #2095f2;
  padding: 5px 10px;
  border-radius: 8px;
  font-size: 14px;
}
.detail-btn:hover,
.detail-btn:focus,
.detail-btn:active {
  color: #ffffff;
  border: 1px solid #2095f2;
  background-color: #2095f2;
}
.section-list .bg-notify {
  box-shadow: 0 1px 3px rgba(246, 242, 242, 0.79), 0 1px 2px rgba(0, 0, 0, 0.24);
  background-color: #fafafa;
  float: left;
  width: 100%;
  padding: 12px 15px;
  font-family: "open sans", sans-serif;
  margin-bottom: 10px;
  font-size: 17px;
  border-radius: 4px;
  position: relative;
}
.pre-loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(255, 253, 253, 0.76);
}
.pre-loader img {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 100px;
}
@media (min-width: 1231) {
  .section-list .bg-notify {
    padding: 8px 15px;
  }
}
@media (min-width: 1241) {
  .section-list .bg-notify {
    padding: 12px 15px;
  }
}
.section-list .bg-notify a {
  color: #444;
  text-decoration: none !important;
  display: inline;
  vertical-align: middle;
}
.section-list .bg-notify a img {
  margin: 0 10px 0 0;
  position: absolute;
  top: 50%;
  transform: translate(-13%, -50%);
  left: 15px;
}
.show-weeks {
  font-size: 15px;
  margin-bottom: 5px;
  color: #666;
}

@-webkit-keyframes rotateWord {
  0% {
    opacity: 0;
  }
  2% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
  }
  5% {
    opacity: 1;
    -webkit-transform: translateY(0px);
  }
  17% {
    opacity: 1;
    -webkit-transform: translateY(0px);
  }
  20% {
    opacity: 0;
    -webkit-transform: translateY(40px);
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes rotateWord {
  0% {
    opacity: 0;
  }
  2% {
    opacity: 0;
    -ms-transform: translateY(-40px);
  }
  5% {
    opacity: 1;
    -ms-transform: translateY(0px);
  }
  17% {
    opacity: 1;
    -ms-transform: translateY(0px);
  }
  20% {
    opacity: 0;
    -ms-transform: translateY(40px);
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rotateWord {
  0% {
    opacity: 0;
  }
  2% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
  5% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  17% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  20% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.homepageView .alert-success {
  margin: 0 !important;
}
.tablehead {
  margin-bottom: 0;
}
.recordscontent {
  height: 490px;
  overflow-y: auto;
}
.user-section {
  width: 450px;
  margin: 0 auto;
}
/*css for labels*/
.label-size {
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
}
.label-size {
  width: 98%;
  float: left;
  position: relative;
  font-size: 13px;
  margin-left: 10px;
  padding: 7px 10px 7px 12px;
  color: #fff;
  text-decoration: none;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}
.label-size:before {
  content: "";
  float: left;
  position: absolute;
  top: 0;
  left: -12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 12px 16px 0;
}
.label-size:after {
  content: "";
  position: absolute;
  top: 14px;
  left: 0;
  float: left;
  width: 4px;
  height: 4px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #fff;
  -moz-box-shadow: -1px -1px 2px #004977;
  -webkit-box-shadow: -1px -1px 2px #004977;
  box-shadow: -1px -1px 2px #004977;
}
.approvedLeaves {
  background: #57aa2f;
  color: #fff !important;
}
.approvedLeaves:before {
  border-color: transparent #57aa2f transparent transparent;
}
.rejectedLeaves {
  background: #e71212;
  color: #fff !important;
}
.rejectedLeaves:before {
  border-color: transparent #e71212 transparent transparent;
}
.cancelledLeave {
  background: #040404;
  color: #fff !important;
}
.cancelledLeave:before {
  border-color: transparent #040404 transparent transparent;
}
.privilegeLeaveExceptionCompensatoryOffCreditLeaveCase {
  background: #f3791f;
  color: #fff !important;
}
.privilegeLeaveExceptionCompensatoryOffCreditLeaveCase:before {
  border-color: transparent #f3791f transparent transparent;
}
.module-top-spacesm {
  margin-top: 25px;
}
.customfields form {
  padding-top: 15px;
}
.expand-content {
  width: 100%;
}
.btn-group.bootstrap-select.expand-content {
  width: 100% !important;
}
.exception-txt-link {
  margin: 27px 21px 0px;
  font-size: 14px;
  background: #ebebeb;
  padding: 10px;
  color: #717171;
  border: 1px solid #ccc;
}
#exceptionDetailRow input[type="checkbox"] {
  margin-right: 11px;
  position: relative;
  top: -1px;
}
.exception-txt-link a {
  cursor: pointer;
  text-decoration: underline !important;
}
.exception-txt-link a:hover {
  cursor: pointer;
  text-decoration: none !important;
}

/**** Log Hours *****/
.log-hours .emplyee_search_filer {
  border: 0;
}
.log-hours .col-md-6 {
  padding: 15px;
  margin-top: 0;
}
.log-hours .wrapper-dropdown-3 {
  margin: 0;
  border: 1px solid #d7d7d7;
  width: 100%;
  padding: 7px 12px;
  border-radius: 3px !important;
}
.log-hours .wrapper-dropdown-3 span {
  font-size: 16px;
  color: #979797;
}
.log-hours .wrapper-dropdown-3 .dropdown {
  top: 102%;
  padding-left: 0;
}
.jsShowAllTime {
  margin-top: 28px;
  font-size: 16px !important;
  padding: 8px 12px !important;
  background: #389cd3;
  color: #fff;
}
@media (max-width: 767px) {
  .jsShowAllTime {
    margin-top: 0px;
  }
}
.log-hours-table .d-table {
  margin-bottom: 40px;
  margin-top: 20px;
  border: 1px solid #ddd;
  border-bottom: 0;
}
.log-hours-table .d-table .table-th .d-cell {
  text-transform: uppercase;
  font-weight: normal;
  color: #fff;
  background: #389cd3;
  padding: 15px;
  border-color: #2689bf;
  border-bottom: 0;
}
.log-hours-table .ttlNrm {
  background-color: #fff;
  color: #979797;
}
.log-hours-table .dailyTaskhd {
  color: #979797;
  background-color: #fff;
  text-transform: capitalize;
}
.log-hours-table .table-content .d-cell {
  background-color: #fff;
  padding: 20px 15px;
}
.log-hours-table .d-table .d-row.table-content:nth-of-type(odd) .d-cell {
  background-color: #f9f9f9;
}
.loghours-links .gridShortscode {
  padding-left: 0px;
}
.loghours-links .gridShortscode li a {
  font-size: 12px;
  margin-top: 0;
}
.log-hours .alpha {
  /*margin-left:15px!important;*/
  margin: 0 !important;
}
.log-hours .loghours-btns.alpha,
.log-hours .loghours-links,
.log-hours .loghours-links .alpha {
  margin-left: 0px !important;
  margin-right: 0px;
}

.remove-img .checkbox #UserPhotoRemove {
  top: 1px;
  margin-left: 0;
}

.remove-img .checkbox #HolidayPhotoRemove {
  margin-left: 0;
  top: -1px;
}
.remove-img .checkbox label {
  margin-top: 0;
  display: inline;
  padding-left: 10px;
  margin-left: 10px;
}
.remove-img .checkbox {
  text-align: center;
}
.remove-img {
  margin-bottom: 25px;
}
.alert-success {
  border: 1px solid #389cd3 !important;
  color: #389cd3 !important;
  width: 100% !important;
  margin: 20px 0px 18px 0px !important;
  background: url(../images/success.png) no-repeat 10px !important;
  background-size: 26px 26px !important;
  padding: 10px 10px 13px 45px !important;
  background-color: #ccc !important;
  text-align: left;
}
.custom-alert .alert-success {
  margin: 0 !important;
}
/************/

/*CSS for Animation Login Page*/
.bg-banner {
  height: 378px;
  width: 100%;
  background: url(../img/bg-banner-min.jpg) no-repeat center;
  background-size: cover;
  padding-top: 178px;
}
.wrapcontent {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 5px 19.6px 0.4px rgba(15, 15, 15, 0.18);
  -webkit-box-shadow: 0px 5px 19.6px 0.4px rgba(15, 15, 15, 0.18);
  -moz-box-shadow: 0px 5px 19.6px 0.4px rgba(15, 15, 15, 0.18);
  overflow: hidden;
}
.section-header {
  padding: 20px;
}
.section-heading {
  background-color: #e8e8e8;
  text-transform: uppercase;
  color: #2c7cb2;
  font-weight: 600;
  position: relative;
  overflow: hidden;
  font-family: open sans, sans-serif;
}
.section-heading h1 {
  font-size: 18px;
  margin: 0;
}
.section-content {
  padding: 20px;
  margin-top: 5px;
  overflow: hidden;
}
.form-group {
  margin-bottom: 20px;
}
.form-group label {
  font-size: 14px;
  color: #616161;
  font-weight: normal;
  font-family: open sans, sans-serif;
}
.form-group label.error {
  color: #df0c48;
  margin: 6px 0 0;
  font-size: 13px;
}
.form-group input {
  border: 1px solid rgb(224, 224, 224);
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
  box-shadow: inset 0px 3px 7px 0px rgba(215, 215, 215, 0.35);
}
.section-content .btn-login,
.btn-post {
  text-transform: uppercase;
  border-radius: 3px;
  background-color: rgb(2, 136, 209);
  box-shadow: 0px 2px 4.75px 0.25px rgba(204, 204, 204, 0.84);
  border-color: rgb(2, 136, 209);
  margin-top: 10px;
  position: relative;
  left: 7px;
  transition: all 0.3s ease-out 0s;
}
.btn-post,
.btn-post:hover {
  padding: 6px 20px;
  color: #fff;
}
.section-content a {
  text-transform: capitalize;
}
.section-content .btn:hover {
  border-color: rgb(2, 136, 209);
}
.section-content .btn:hover,
.btn-post:hover {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12),
    0 3px 1px -1px rgba(0, 0, 0, 0.2) !important;
}
.section-content a {
  display: block;
  margin: 20px 0 10px 0;
  font-size: 14px;
  color: #2a91d2;
}
.spacer-inner_10 {
  padding: 10px 0;
}
.footerTxt {
  color: #9e9e9e;
  margin: 40px 0;
}
.text-animate {
  display: block;
  margin: 0 auto;
  height: 30px;
  text-align: center;
}
.listedData.table-responsive .hr-manage-emp {
  border: 1px solid #ddd !important;
}
.flexiholiday-overlay:before {
  background-color: rgba(0, 0, 0, 0.4);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
  border-radius: 10px;
}
.chosen-container.chosen-container-multi {
  margin: 10px 10px 0 40px !important;
  display: block;
  width: 97.2% !important;
}
.chosen--inner .chosen-container {
  margin: 0 10px 20px 36px !important;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("images/chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px;
}
.select-caption {
  margin-left: 40px;
  margin-top: 10px;
  font-size: 13px;
  color: #000;
  font-weight: 600;
  border-top: 0;
}
.strength-desc .modal-content {
  border-radius: 5px;
}
.strength-desc .modal-content .strength-title {
  font-size: 26px;
}
.strength-desc .modal-content .title-wrap {
  float: left;
  width: 100%;
  padding: 10px 20px 10px 20px;
}
.strength-desc .modal-content .title-wrap .close {
  font-size: 43px;
  color: #a8a8a8;
  opacity: 7;
  background: #fff;
  padding: 0;
}
.strength-desc .modal-content .title-wrap .close:hover {
  box-shadow: none !important;
}
.strength-desc .modal-content .separator {
  float: left;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.strength-desc .modal-content .strength-description {
  padding: 20px;
  font-size: 16px;
  color: #605b5b;
}
.strength-desc .modal-content .credit-gallup {
  width: 100%;
  float: left;
  text-align: right;
  padding: 20px;
  font-style: italic;
  font-size: 12px;
  color: #605b5b;
}
.strength-desc .modal-content .credit-gallup span {
  display: inline-block;
  margin-top: -6px;
  position: relative;
  right: 2px;
  vertical-align: top;
}
.notify-table .alert-custom {
  margin-bottom: 20px;
  padding: 15px;
}
.export-excel {
  cursor: pointer;
}
.textleft {
  float: left;
  width: 900px;
}
.weekly-detail-table table tr th {
  background-color: #e3e3e3 !important;
  color: #000 !important;
}
.weekly-detail-table table tr.bg-table th {
  border-color: #ddd !important;
}
.table-outer {
  width: 18.5%;
}
.table-innner {
  width: 25%;
}
.row_project .down_toggle,
.row_project .show_month {
  margin-left: 23px;
}
.row_task .down_toggle,
.row_task .show_month {
  margin-left: 43px !important;
}
.row_project--inner .above_target {
  margin-left: 40px !important;
  border-top: 1px solid #389cd3;
  margin-top: -1px;
}
@media screen and (min-width: 1440px) {
  .btn-notify_wrapper {
    top: 30px;
  }
}

@media screen and (max-width: 1440px) {
  .holiday-block .slide {
    min-height: 279px;
  }

  .lms-featured_post .heading span::before,
  .lms-featured_post .heading span::after {
    width: calc(100% - 66%);
  }
  .container {
    width: 1170px;
  }
  .expected-hours-select .col-sm-2.form-custom-layout label {
    display: none;
  }
  .labels-item:last-child {
    width: 23%;
    padding-right: 0;
  }
  .vertically-center-outer {
    position: relative;
    min-height: 566px;
  }
  .section-search .btn {
    margin-top: 15px;
    width: 100%;
  }
  .notificationFields.section-search .grey_button.custom-btn {
    padding: 7px 17px;
    width: 100%;
  }
  .notificationFields.section-search .col-md-2 span {
    margin-bottom: 0;
  }
  .notificationFields.section-search .grey_button.custom-btn + .btn {
    margin: 0;
  }
  .filter-sec .col-sm-2 span {
    display: none;
  }
  .filter-sec .col-sm-2 .btn-primary {
    margin-top: 0;
  }
  .downloadlink-img a {
    margin: 10px 0 0;
  }
  .listedData table th {
    padding: 15px 10px;
  }
  .hr-manage-emp .emp-type.bootstrap-select.btn-group {
    width: 133px !important;
  }
  .hr-manage-emp .active-select.bootstrap-select.btn-group {
    width: 82px !important;
  }
  .listedData table.hr-manage-emp td {
    padding: 20px 8px;
  }
  .btn-request,
  .btn-hstry {
    margin-left: 4px;
  }
  .finance-table {
    height: auto;
    margin-left: 47px;
    width: 95.4%;
  }
  .d-table.finance-data.finance-table {
    margin-left: 0;
  }
}
#dual-list-box-Project .col-md-5,
#dual-list-box-Employees .col-md-5,
#dual-list-box-Strengths .col-md-5 {
  padding: 15px;
  margin-top: 0;
}
.bg-form {
  background-color: #f5f5f5;
  border-bottom: 1px solid #8a8a8a;
  margin-top: 40px;
}
.heading-week_caption {
  font-size: 26px;
  text-align: center;
  color: #00568f;
}
.heading-secondary {
  font-size: 25px;
  font-weight: 700;
  text-align: center;
  margin-top: 50px;
}
.empty_list-note {
  color: #5c5b5b;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  padding: 15px;
  border: 1px solid #c8c8c8;
}
.form-wrapper .fieldset__header .btn-wrappper .btn-add {
  margin: 20px 0 !important;
  margin-right: 0 !important;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.list-header {
  padding: 5px 10px;
  color: #fff;
  background-color: #3b5998;
  font-size: 20px;
}
.priority_list {
  font-size: 15px;
  padding: 0;
  list-style: none;
  border: 1px solid #c8c8c8;
  overflow: hidden;
}
.priority_list li {
  border-bottom: 1px solid #c8c8c8;
  overflow: hidden;
}
.priority_list li:last-child {
  border-bottom: 0;
}
.content-inside {
  border-left: 1px solid #c8c8c8;
  overflow: hidden;
  padding: 6px 10px;
}
.priority_list li span.lefticon {
  padding: 7px;
}
.title {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.link-edit {
  margin-right: 5px;
}
.priority_list li span.editit {
  padding: 0 5px;
}
.delete_priority {
  background: url(../img/icon_delete.png) no-repeat;
  width: 20px;
  height: 20px;
  float: right;
}
.deleteit {
  position: relative;
  top: 2px;
}
.flash-alert .custom-alert {
  margin-top: 0;
  margin-bottom: 20px;
}
.priority_list li:hover,
.priority_list li:focus,
.priority_list li:active {
  cursor: move;
}
/*CSS added for StrenghtsFinder*/
.wrappermain {
  padding: 65px 0;
}
.listedContent {
  border: 1px solid #ccc;
  width: 100%;
  background: #f0f0f0;
}
.listedContent label.error {
  width: 70%;
  margin: 5px auto;
  display: block;
}
.formtxt {
  font-size: 18px;
  margin-top: 30px;
}
.formtxt-lg {
  font-size: 22px;
}
.listedContent .btn {
  width: 120px;
  height: 40px;
  color: #fff;
  border-radius: 3px;
  margin: 20px 8px 0;
  padding: 7px 20px;
  box-shadow: none;
  font-family: "open sans", sans-serif;
  font-weight: 300;
  font-size: 16px;
}
.form-custom-layout a.btn-back {
  border: 1px solid #757575;
}
.form-custom-layout button.btn-next {
  border: 1px solid #2a7fae;
  margin-right: 0 !important;
}
.btn-yes {
  background: #5db75d;
}
.btn-danger:hover {
  background: #d9544f;
}
.listedContent textarea {
  width: 70%;
  margin: 0 auto;
  border: 1px solid #c8c8c8;
  border-radius: 0;
}
table.strenghtstable > thead > tr > th {
  background: #666;
  color: #fff;
  padding: 13px 10px;
  font-family: "open sans", sans-serif;
  font-weight: 300;
  font-size: 16px;
}
.customfoot {
  border-top: 1px solid #e7e7e7;
  margin-top: 40px;
  padding: 15px;
}
.form-custom-layout .customfoot .btn-success,
.customfoot .btn {
  margin: 0 !important;
  font-size: 16px !important;
}
.domain-color {
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 10px;
  border-radius: 50%;
}
.domains {
  text-align: center;
}
.domains ul {
  padding-left: 0px;
}
.domains ul li {
  display: inline-block;
  margin-right: 20px;
  font-size: 12px;
  text-transform: capitalize;
}
.domains h3 {
  margin-bottom: 5px !important;
  font-size: 15px;
}
.domains .domain-color {
  width: 12px;
  height: 10px;
  border-radius: 0px;
  margin-top: 4px;
  margin-right: 6px;
  float: none;
  display: inline-block;
}
@media (min-width: 768px) and (max-width: 1230px) {
  .domains h3 {
    text-align: left;
  }
  .domains ul li {
    width: 48%;
    margin-right: 0px;
    text-align: left;
  }
}
@media (max-width: 570px) {
  .domains ul li {
    width: 100%;
  }
}
.strength-title {
  float: left;
  width: 140px;
  font-size: 15px;
}
.wrapper-strengths {
  margin-bottom: 15px;
  float: left;
  width: 100%;
}
.progress {
  display: inline-block;
  float: left;
  width: 60%;
}
.desc {
  color: #8b8b8b;
}
.custom-content {
  width: 90%;
  margin: 0 auto;
}
.custom-content .input label {
  display: none;
}
.custom-content .input input[type="text"] {
  width: 85%;
  float: left;
  min-height: 42px;
}
.search-tasks {
  width: 100%;
  margin: 25px 0 35px;
  position: relative;
  overflow: hidden;
}
.tasklist h3 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 0;
}
.custom-element {
  width: 85%;
  word-wrap: break-word;
}
.action-items {
  width: 50px;
  float: right;
}
.search-tasks .error-message {
  width: 100%;
  float: left;
  margin-top: 5px;
  text-align: left;
}
.section-strengths,
.section-list {
  background-color: rgb(255, 255, 255);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  float: left;
  width: 100%;
  min-height: 250px;
  padding: 20px !important;
}
.section-strengths h3,
.section-list h3 {
  margin-top: 0;
  margin-bottom: 30px;
  display: inline-block;
  float: left;
}
.detail-btn {
  float: right;
  color: #2095f2;
  border: 1px solid #2095f2;
  padding: 6px 10px;
  border-radius: 8px;
}
.detail-btn:hover,
.detail-btn:focus,
.detail-btn:active {
  color: #ffffff;
  border: 1px solid #2095f2;
  background-color: #2095f2;
}
.strength-width {
  display: inline-block;
  margin-left: 20px;
  font-size: 15px;
}
#UserPriorityPrioritiesForm .error-message {
  text-align: left;
}
#UserPriorityPrioritiesForm #UserPriorityPriority-error {
  display: block;
  width: 100%;
  text-align: left;
  float: left;
  font-size: 13px;
  color: #ff0000;
}
.wrapper-overlay {
  margin-top: -100px;
}
/*Content shift above media queries to reduce no. of lines*/
.nav-category .active,
.content-tabs .active {
  border-left: 0;
}
.customPanelHead {
  padding: 25px 15px;
  overflow: hidden;
}
.content-tabs {
  border: 1px solid #ccc;
}
.customPanelHead .btn-view {
  margin-bottom: 6px;
}
.customPanelHead .listedData table td {
  padding: 15px 10px;
}
.titleHeadings {
  text-transform: uppercase;
}
.popup-content {
  background: url(../images/bg-popup.png) no-repeat;
  min-height: 482px;
  width: 100%;
  padding-top: 60px;
  border-radius: 6px 0 0 6px;
}
.popup-left {
  width: 50%;
  float: left;
}
.popup-content h2 {
  margin: 0;
  padding: 0 15px;
  text-transform: uppercase;
  color: #5f5f61;
  font-size: 22px;
  font-family: "open sans", sans-serif;
  font-weight: 700;
  text-align: center;
}
.popup-right {
  float: right;
  padding: 0 20px;
  width: 50%;
}
.modal-flexileaves {
  width: 540px;
}
.flexibleleaves label {
  display: block;
  color: #606060;
}
.flexibleleaves select {
  width: 100%;
  border: 1px solid #d7d7d7;
  border-radius: 0;
  height: 40px;
}
.customblock-item {
  overflow: hidden;
}
.customblock-item:first-child {
  margin-bottom: 35px;
}
button.closeit {
  font-size: 30px;
  opacity: 0.5;
  top: 6px;
  border: 0;
  position: absolute;
  right: 10px;
}
.chosen-select .chosen-container.chosen-container-multi {
  width: 100% !important;
  margin-left: 0 !important;
}
.search-pending_items {
  margin-bottom: 20px;
}
.customPanelHead .customblock-item {
  margin-bottom: 30px;
}
.customPanelHead .customblock-item .titleHeadings {
  border: 0;
  margin-bottom: 0;
}
.pending_items_pagination li {
  display: inline-block !important;
}
/*Radio Boxes*/

.SingleTypeRrdio input[type="checkbox"] {
  height: 20px;
  margin: 0 5px 0 0;
  position: relative;
  top: -2px;
  vertical-align: middle;
  width: 20px;
}

.SingleTypeRrdio,
.SingleTypecheckbox {
  color: #3560ad;
  cursor: pointer;
  font-size: 21px;
  height: 30px;
  line-height: 20px;
  margin-bottom: 0;
  padding: 5px 0 5px 25px;
  position: relative;
}

.SingleTypeRrdio input,
.SingleTypecheckbox input {
  left: -9999px;
  position: absolute;
}

.SingleTypeRrdio i,
.SingleTypecheckbox i {
  border: 3px solid #c8c8c8;
  display: inline-block;
  height: 30px;
  vertical-align: middle;
  width: 30px;
  position: absolute;
  left: 0;
  top: 2px;
  border-radius: 100%;
}
.SingleTypeRrdio i::after {
  background: #3398cc;
  border-radius: 100%;
  content: "";
  height: 14px;
  left: 5px;
  opacity: 0;
  position: absolute;
  top: 5px;
  width: 14px;
}
.SingleTypecheckbox i::after {
  background: #3398cc;
  border-radius: 100%;
  content: "";
  height: 14px;
  left: 5px;
  opacity: 0;
  position: absolute;
  top: 5px;
  width: 14px;
}
.SingleTypeRrdio input:checked + i::after,
.SingleTypecheckbox input:checked + i::after {
  opacity: 1;
}
.SingleTypeRrdio input:checked + i {
  border-color: #3398cc;
}
.strenghtstable {
  margin-bottom: 10px;
  margin-top: 15px;
}
.strenghtstable td label {
  width: auto;
}
.strenghtstable > tbody > tr > td {
  border: 0;
  vertical-align: middle;
}
.table-values {
  margin-bottom: 0;
}
.table-values tbody > tr > td {
  border: 0;
}
.itemorder {
  width: 20%;
  display: inline-block;
  vertical-align: middle;
}
.itemorder label {
  width: auto;
}
.values-added tr td {
  width: 25%;
  font-size: 16px;
}
.headtitle {
  font-size: 17px;
  font-family: "open sans", sans-serif;
  font-weight: 600;
}
.form-custom-layout button.btn-savelater {
  background: #0054a6 !important;
  width: 145px;
}
.contentText {
  min-height: 300px;
}
.optionsSelect {
  margin: 10px 10px 0;
  padding-left: 40px;
  width: auto !important;
}
.activeButtonClass {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.notopmargin {
  margin-top: 0;
}
tr.seprator {
  border-bottom: 1px solid #ccc !important;
}
.log-hours .select-disable {
  color: #d8d4d4;
  border: 1px solid #d8d4d4;
  border-radius: 3px;
  cursor: not-allowed;
}
.log-hours .select-disable span {
  color: #d8d4d4;
}
.search-pending_items input[type="text"] {
  width: 60%;
}
.search-pending_items button {
  margin-left: 5px;
}
/*Content shifted above the media queries*/
.wrapper-error {
  display: inline-block;
}
#StrengthAnswer-error {
  text-align: left;
}
.canvasjs-chart-tooltip a.canvasjs-chart-credit {
  display: none !important;
}
.listedData table th.bg-activities_liked {
  background-color: #3db535;
}
.listedData table th.bg-activities_liked img,
.listedData table th.bg-activities_disliked img,
.listedData table th.bg-help_needed img {
  margin-left: 10px;
}
.listedData table th.bg-activities_disliked {
  background-color: #f36868;
}
.listedData table th.bg-help_needed {
  background-color: #f8bc15;
}
.button.btn-history {
  background: #389cd3;
  border-radius: 3px;
  padding: 7px 25px !important;
  color: #fff !important;
  vertical-align: top;
  transition: all 0.3s ease-out 0s;
  border: 1px solid #2a7fae;
  font-size: 14px;
}
.empty-data-column {
  color: #ff0015;
}
.graph-title {
  font-size: 20px;
  color: #979797;
}
table tbody tr.border_0_pending_items:first-child {
  border-top: 0 !important;
}
@media screen and (min-width: 1600px) {
  .container {
    width: 1440px;
  }
}
@media (min-width: 1231px) and (max-width: 1440px) {
  .container {
    width: 1170px;
  }
  .holiday-block {
    min-height: 339px;
  }
  .lms-section_holiday .tab-pane {
    min-height: 243px;
  }
  .upcoming-holiday {
    margin-bottom: 35px;
    margin-top: 18px;
  }
  .mtb-50 {
    padding: 49px 0;
  }
  .carousel-control.left,
  .carousel-control.right {
    top: 258px;
    border-top: 1px solid #ccc;
  }
}
@media screen and (max-width: 1440px) {
  .lms-featured_post .heading span::before,
  .lms-featured_post .heading span::after {
    width: calc(100% - 66%);
  }
  .container {
    width: 1170px;
  }
  .expected-hours-select .col-sm-2.form-custom-layout label {
    display: none;
  }
  .labels-item:last-child {
    width: 23%;
    padding-right: 0;
  }
  .vertically-center-outer {
    position: relative;
    min-height: 566px;
  }

  .section-search .btn {
    margin-top: 15px;
    width: 100%;
  }
  .filter-sec .col-sm-2 span {
    display: none;
  }
  .filter-sec .col-sm-2 .btn-primary {
    margin-top: 0;
  }
  .downloadlink-img a {
    margin: 10px 0 0;
  }
  .listedData table th {
    padding: 15px 10px;
  }
  .hr-manage-emp .emp-type.bootstrap-select.btn-group {
    width: 133px !important;
  }
  .hr-manage-emp .active-select.bootstrap-select.btn-group {
    width: 82px !important;
  }
  .listedData table.hr-manage-emp td {
    padding: 20px 6px;
  }
  .btn-request,
  .btn-hstry,
  .btn-salary {
    margin-left: 4px;
  }
  .finance-table {
    height: auto;
    margin-left: 47px;
    width: 95.4%;
  }
  .d-table.finance-data.finance-table {
    margin-left: 0;
  }
  .chosen-container.chosen-container-multi {
    width: 96.5% !important;
  }
  .custom-content .input input[type="text"] {
    width: 81%;
  }
  .form-custom-layout button.btn-success[type="submit"] {
    width: 16%;
    padding: 7px 15px 6px;
  }
}
@media screen and (max-width: 1230px) {
  .billable {
    padding: 8px 6px;
    font-size: 13px;
  }
  .form-custom-layout .input .checkbox label.selected {
    font-size: 13px;
  }
  .container {
    width: 970px;
  }
  .input-m_large {
    width: 200px;
  }
  .manage_client_btn .col-sm-2.col-xs-4 {
    padding-left: 15px;
  }
  .manage_client_btn .col-sm-2 {
    width: 195px;
  }
  .searcharea input.filterBtn {
    margin-right: 0 !important;
  }
  .vertically-center-outer {
    position: relative;
    min-height: 450px;
  }
  .main-login.form-custom-layout .input {
    margin-bottom: 18px;
  }
  .log-hours-table .table-content .d-cell,
  .log-hours-table .d-table .table-th .d-cell {
    padding: 15px 10px !important;
    font-size: 12px;
  }
  .edit_task {
    padding: 10px;
    font-size: 13px !important;
  }
  .hrsRemv {
    width: 50px;
    float: none;
  }
  .hrsTask {
    width: 225px;
  }
  .hrsDay {
    font-size: 14px !important;
  }
  .navbar-nav > li {
    float: left;
    margin-left: 11px;
  }
  .col-md-4.col-md-offset-4.col-sm-6.col-sm-offset-3 {
    padding: 0;
  }
  #state_row div {
    width: 100%;
    margin-bottom: 5px;
  }
  .mob-fullwidth .input div {
    width: 100%;
  }
  .notice_period_row .col-sm-6 {
    width: 100%;
    padding: 0;
    margin-bottom: 22px;
  }
  .expected-hours-select .date_filters {
    position: relative;
    top: 0;
    float: left;
    width: 100%;
  }
  .expected-hours-select .col-sm-2,
  .expected-hours-select .col-sm-3 {
    width: 50%;
    margin-bottom: 15px;
  }
  .col-sm-2.form-custom-layout {
    margin: 0 auto;
    display: table;
    float: none;
  }
  .d-table.finance-table {
    table-layout: inherit;
  }
  .chosen-container.chosen-container-multi {
    width: 95.7% !important;
  }
}
@media (min-width: 992px) and (max-width: 1230px) {
  .holiday-block .slide {
    min-height: 232px;
    position: relative;
  }
  .jcarousel-wrapper {
    max-width: 799px;
  }
  .holiday-block {
    min-height: 300px;
  }
  .lms-section_holiday .tab-pane {
    min-height: 196px;
  }
  .tab-content .mtb-50 {
    padding: 33px 9px;
  }
  .lms-section_holiday .leave-type {
    color: #fff;
    padding: 5px 13px;
    border-radius: 25px;
  }
  .upcoming-holiday {
    margin-bottom: 27px;
    margin-top: 6px;
  }
  .lms-section_post .post-content .caption-progress {
    margin-left: 5px;
    width: 26%;
    padding-right: 0;
  }
  .post-content .col-xs-5.col-sm-8.pl-0 {
    width: 60%;
  }
  .lms-header .main-nav,
  .lms-header .main-nav li {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin-top: 0;
  }
}
@media screen and (max-width: 1230px) {
  .holiday-block .slide {
    min-height: 238px;
  }
  .lms-section_holiday .tab-pane {
    min-height: 204px;
  }
  .lms-featured_post .heading span::before,
  .lms-featured_post .heading span::after {
    width: calc(100% - 69%);
  }
  .form-custom-layout button.btn-priority {
    padding: 7px 7px !important;
  }
}

@media screen and (max-width: 992px) {
  .form-custom-layout button.btn-success[type="submit"] {
    width: 15%;
    font-size: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .form-custom-layout .multi_checkbox .checkbox + .checkbox {
    margin-left: 7px;
  }
  .chosen-container.chosen-container-multi {
    width: 95.8% !important;
  }
}
@media screen and (max-width: 991px) {
  .holiday-block .slide {
    min-height: 185px;
  }
  .progress {
    width: 100%;
  }
  .wrapper-strengths {
    position: relative;
  }
  .strength-width {
    position: absolute;
    right: 0;
    top: 0;
  }
  .form-custom-layout .multi_checkbox .checkbox + .checkbox {
    margin-left: 5px;
  }
  .navcollapse {
    transition: all 0.35s ease-out 0s;
  }
  .block-inner {
    width: 140px;
  }
  .textLabels {
    margin-top: 20px;
  }
  .labels-item {
    margin-bottom: 15px;
  }
  .container {
    width: 750px;
  }
  .labels-item:last-child {
    padding-right: 15px;
    width: 50%;
  }
  .login_form .col-md-6 img {
    height: 420px;
  }
  .vertically-center-inner {
    position: relative;
    top: 0;
    transform: none;
  }
  .login_form form {
    padding: 15px 18px;
  }
  .login_form.main-login h1 {
    margin-bottom: 20px;
    padding-bottom: 12px;
    font-size: 28px;
  }
  .vertically-center-outer {
    position: relative;
    min-height: 418px;
  }
  .main-login.form-custom-layout .input {
    margin-bottom: 12px;
  }
  .listedData.table-responsive {
    border: 1px solid #ccc;
  }
  .listedData.table-responsive table {
    border: none;
  }
  .inner-col .col-md-6.box2 {
    padding-right: 0;
    padding-left: 12px;
    margin-top: 0;
    width: 47.5%;
  }
  .inner-col .col-md-6.box1 {
    padding-right: 12px;
    padding-left: 0;
    margin-top: 0;
    width: 47.5%;
  }
  .navbar-nav > li {
    margin-left: 4px;
  }
  .col-md-4.col-md-offset-4.col-sm-6.col-sm-offset-3 {
    padding: 0;
  }
  #hr_filter .col-sm-6 {
    padding-left: 0;
  }
  #hr_filter .col-sm-6.padding-rgt-0 {
    padding-left: 15px;
  }
  .filter-wrap.log_hours .col-sm-6.col-xs-12 {
    padding-right: 0;
    padding-left: 15px;
    margin-bottom: 20px;
  }
  .filter-wrap.log_hours .col-sm-6.padding-lft-0 {
    padding-left: 0;
    padding-right: 15px;
  }
  #gridContainer div.log-hours-table {
    margin-bottom: 22px;
  }
  .gridShortscode li {
    margin-bottom: 10px;
  }
  .leaveFields .col-sm-2 .firstField span,
  .leaveFields .col-sm-3 .firstField span {
    font-size: 14px;
  }
  .d-table.finance-table {
    table-layout: inherit;
    margin-left: 0;
    width: 100%;
  }
  .chosen-container.chosen-container-multi {
    width: 94.4% !important;
  }
  .pending-items_list li {
    display: block;
    width: 100%;
    border: 1px solid #ddd;
  }
  .pending-items_list li.active a,
  .pending-items_list li.active a:focus,
  .pending-items_list li.active a:hover .pending-items_list li a:hover,
  .pending-items_list li a {
    margin-right: 0 !important;
  }
  #sortable {
    touch-action: initial;
  }
  .assignUserEdit,
  .assignUserDelete {
    float: none !important;
    display: inline-block;
    margin-top: 5px;
  }
  .nav-tabs.tabs-emp li a {
    min-width: 92px;
  }
  .listedData--scroll .table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .listedData--scroll .table tr {
    display: block !important;
    margin-bottom: 0.625em;
  }
  .listedData--scroll .table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 13px;
    text-align: right;
  }
  .listedData--scroll .table tr {
    background-color: #fbfbfb;
    border: none;
    padding: 0;
  }
  .listedData--scroll .table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
  }
  .listedData--scroll .table td:last-child {
    border-bottom: 1px solid #ddd;
  }
  .listedData--scroll .table tbody tr td:first-child {
    text-align: right !important;
    background: #389cd3;
    color: #fff;
  }
  .listedData--scroll .table tbody tr td {
    text-align: right !important;
    min-height: 36px;
  }
  .listedData--scroll .table th,
  .listedData--scroll .table td {
    width: 100%;
  }
  .listedData--scroll .table {
    background: #fff !important;
  }
  .listedData--scroll .table tr th,
  .listedData--scroll .table tr td {
    display: inherit !important;
  }
  .table--responsive thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .table--responsive tr {
    display: block;
    margin-bottom: 0.625em;
  }
  .table--responsive td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 0.8em;
    text-align: right;
  }
  .table--responsive tr {
    background-color: #fbfbfb;
    border: none;
    padding: 0;
  }
  .table--responsive td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  .table--responsive td:last-child {
    border-bottom: 1px solid #ddd;
  }
  .table--responsive.table-bordered {
    border: none !important;
  }
  .table--responsive.table-striped > tbody > tr:nth-of-type(odd) {
    background: #fbfbfb;
  }
  .table--responsive tbody tr td:first-child {
    text-align: right !important;
    background: #389cd3;
    color: #fff;
  }
  .table--responsive tbody tr td {
    text-align: right !important;
  }
  .table--responsive th,
  .table--responsive td {
    width: 100%;
  }
}
@media screen and (max-width: 699px) {
  .table-outer,
  .table-inner {
    min-width: 100px !important;
  }
  .table-inner:last-child {
    text-align: center !important;
  }
}
@media (min-width: 992px) and (max-width: 1230px) {
  .jcarousel-wrapper {
    max-width: 799px;
  }
  .holiday-block {
    min-height: 290px;
  }
  .lms-section_holiday .tab-pane {
    min-height: 196px;
  }
  .tab-content .mtb-50 {
    padding: 33px 9px;
  }
  .lms-section_holiday .leave-type {
    color: #fff;
    padding: 5px 13px;
    border-radius: 25px;
  }
  .upcoming-holiday {
    margin-bottom: 27px;
    margin-top: 6px;
  }
  .carousel-control.left,
  .carousel-control.right {
    top: 215px;
  }
  .lms-section_post .post-content .caption-progress {
    margin-left: 5px;
    width: 26%;
    padding-right: 0;
  }
  .post-content .col-xs-5.col-sm-8.pl-0 {
    width: 60%;
  }
  .lms-header .main-nav,
  .lms-header .main-nav li {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin-top: 0;
  }
}
@media screen and (max-width: 1230px) {
  .lms-featured_post .heading span::before,
  .lms-featured_post .heading span::after {
    width: calc(100% - 69%);
  }
}

@media screen and (max-width: 767px) {
  .lms-leave_calendar .table-responsive th {
    font-size: 16px;
  }
  form#reportReportViewForm .btn-container {
    margin-top: 25px !important;
  }
  .lms-featured_post {
    padding: 70px 0 80px;
  }
  #wrapper.sticky-none {
    padding-bottom: 125px;
  }
  .nav-tabs.lms-tabs li a {
    min-width: 110px;
  }
  .menu-link {
    position: static;
  }
  #footer {
    padding: 25px 0;
    text-align: center;
    height: auto;
    line-height: 20px;
    position: static !important;
    float: left;
    width: 100%;
  }
  .nav-footer {
    text-align: center;
    margin-top: 10px;
  }
  .container {
    width: auto;
  }
  .section-search {
    padding: 20px 0;
    margin-bottom: 0;
  }
  .section-search.section-search--mrgn {
    margin-bottom: 25px;
  }
  .section-search .col-md-5 {
    padding: 0 15px;
    border: 0;
  }
  .section-search .firstField {
    min-height: 80px;
  }
  .section-search .firstField span {
    margin-bottom: 5px;
  }
  .lms-section_post {
    margin-top: 30px;
  }
  .lms-section_post .post-content h2 {
    font-size: 17px;
    display: inline-block;
  }
  .lms-featured_post .card-content span {
    font-size: 11px;
    width: auto;
  }
  .lms-featured_post {
    min-height: 106px;
  }
  .post-content {
    margin: 20px 0;
  }
  .mtb-50 {
    padding: 10px 0;
  }
  .lms-carousel .bg-carousel {
    margin-top: 30px;
    height: 350px;
  }
  .jcarousel li {
    margin: 30px 0 !important;
  }
  .lms-featured_post .heading span {
    position: relative;
    display: inline-block;
    top: -18px;
    padding: 0 8px;
    font-size: 18px;
  }

  .lms-header {
    margin: 15px 5px;
  }
  .lms-header ul li {
    margin-left: 5px;
  }
  .lms-header .dropdown-menu {
    top: 34px;
    left: -136px;
    min-width: 236px;
    z-index: 2;
    padding: 15px;
  }
  .lms-notification_dropdown {
    top: 34px;
    left: -136px;
    min-width: 293px !important;
    z-index: 2;
    padding: 15px;
  }
  .lms-notification_dropdown .arrow::after {
    top: -35px !important;
    left: 188px !important;
  }
  .lms-notification_dropdown {
    padding: 0 !important;
    top: 37px !important;
    left: -192px !important;
    min-width: 340px;
    z-index: 2;
  }
  .holiday-block img {
    margin: 13.5px auto;
    position: relative;
  }

  .chosen-container.chosen-container-multi {
    width: 94.7% !important;
  }
  .listedContent textarea {
    width: 90%;
  }
  .modal-flexileaves {
    width: 360px;
    margin: 10px auto;
  }
  .popup-content {
    background: url(../images/bg-popupmobile.jpg);
    padding-top: 25px;
    border-radius: 6px;
  }
  .popup-left,
  .popup-right {
    width: 100%;
  }
  .popup-content h2 {
    margin-bottom: 15px;
    text-align: left;
  }
  .table-responsive {
    border: none !important;
  }
  .form-custom-layout button.btn-priority {
    padding: 8px 4px !important;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 1px solid #ddd;
  }
  .wrapper-overlay {
    margin-bottom: 0 !important;
    margin-top: -120px;
  }
  .section-strengths {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 667px) {
  .custom-content .input input[type="text"] {
    width: 78%;
  }
  .form-custom-layout button.btn-success[type="submit"] {
    width: 18%;
  }
}
@media screen and (max-width: 567px) {
  .custom-content .input input[type="text"] {
    width: 70%;
  }
  .form-custom-layout button.btn-success[type="submit"] {
    width: 26%;
  }
  table .bg-table th {
    text-align: left !important;
  }
}
@media screen and (max-width: 520px) {
  .pageHeading .records {
    width: 100%;
    margin: 10px 0 15px !important;
  }
  #StrengthNeedHelpForm .listedContent .btn {
    width: 100%;
    margin: 20px 0 0 !important;
  }
}
@media screen and (max-width: 480px) {
  .labels-item,
  .labels-item:last-child {
    width: 100%;
  }
  .nav-tabs.tabs-emp li a {
    min-width: 65px;
    font-size: 14px;
    padding: 14px;
  }
}
@media screen and (max-width: 420px) {
  .custom-content .input input[type="text"] {
    width: 64%;
  }
  .form-custom-layout button.btn-success[type="submit"] {
    width: 32%;
  }
  .graph-title {
    font-size: 15px;
  }
}
@media screen and (max-width: 520px) {
  .pageHeading .records {
    width: 100%;
    margin: 10px 0 15px !important;
  }
}
@media screen and (max-width: 480px) {
  .labels-item,
  .labels-item:last-child {
    width: 100%;
  }
}
@media screen and (max-width: 880px) and (min-width: 768px) {
  .col-sm-8.rowTask {
    padding-right: 0;
    width: 74%;
  }
  .navbar-nav > li {
    margin-left: 1px;
  }
  .form-custom-layout button.custom-btn[type="submit"],
  .form-custom-layout button[type="submit"],
  .form-custom-layout [type="submit"],
  .post-buttons .btn-custom,
  .form-element button.custom-btn[type="submit"],
  .form-element button.custom-btn[type="button"] {
    padding: 6px 16px;
  }
  .search-pending_items.form-custom-layout button[type="submit"],
  .search-pending_items.form-custom-layout button[type="button"] {
    padding: 7px 25px;
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .jcarousel-wrapper {
    max-width: 533px;
  }
  .lms-featured_post .col-xs-8.col-xs-offset-2 {
    width: 100%;
    margin-left: 0;
  }
  .holiday-block {
    min-height: 260px;
  }
  .lms-section_holiday .leave-type {
    color: #fff;
    padding: 5px 4px;
    font-size: 12px;
    border-radius: 25px;
  }
  .mtb-50 {
    padding: 18px 0;
  }
  .lms-section_holiday .leave-count {
    font-size: 35px;
    line-height: 50px;
  }
  .lms-section_holiday .tab-pane {
    min-height: 144px;
  }
  .upcoming-holiday {
    margin-bottom: 10px;
    margin-top: 0px;
  }
  .carousel-control.left,
  .carousel-control.right {
    background-image: none !important;
    top: 164px;
    border-top: 1px solid #ccc;
  }
  .upcoming-holiday h4 {
    font-size: 19px;
    margin-bottom: 5px;
    margin-top: 0;
  }
  .upcoming-holiday p {
    margin: 0 0 21px;
  }
  .lms-flexiholiday .custom-heading,
  .custom-heading.ml-10 {
    color: #424242;
    font-size: 15px;
  }
  .block-inner h4,
  .block-inner_2 h4 {
    font-size: 17px;
  }
  .lms-section_holiday .tab-content {
    min-height: 100px;
  }
  .holiday-block {
    min-height: 240px;
  }
  .section-search .custom-btn {
    padding: 6px 16px;
  }
  .table-bordered.table-striped .input select,
  .table-bordered.table-striped select {
    min-width: 120px;
  }
  .listedData.table-responsive {
    border: none;
  }
}
@media screen and (max-width: 767px) and (min-width: 300px) {
  .manage_client_btn .col-sm-2 {
    width: 195px;
    float: left;
  }
  .searcharea input.filterBtn {
    margin-right: 0 !important;
    float: left;
    width: 100%;
  }
  .table-bordered.table-striped .input select,
  .table-bordered.table-striped select {
    min-width: 130px;
  }
  .section-search .custom-btn {
    width: auto;
    margin: 0 auto 20px;
    display: table;
    min-width: 150px;
  }
  .bubbletip {
    display: none !important;
  }
  .expected-hours-select .col-sm-2,
  .expected-hours-select .col-sm-3 {
    margin-bottom: 20px;
    float: left;
    width: 100%;
  }
  .section-search.expected-hours-select {
    margin-bottom: 40px;
  }
  .expected-hours-select .date_filters .input.date select + select {
    width: 47%;
  }
  .filter-wrap.log_hours .col-sm-6.col-xs-12 {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 20px;
  }
  .filter-wrap.log_hours .col-sm-6.padding-lft-0 {
    padding-left: 0;
    padding-right: 0;
  }
  #hr_filter .col-sm-6 {
    padding-left: 0;
    padding-right: 0;
  }
  #hr_filter .col-sm-6.padding-rgt-0 {
    padding-left: 0;
    margin-top: 20px;
  }
  .leaveContent .titleHeading,
  .titleLeaveBalance,
  .post-details .titleHeading {
    margin-top: 25px;
  }
  .pageHeading {
    font-weight: normal;
    color: #444444;
    font-size: 23px;
    line-height: 42px;
    font-family: avantgardeitcregular;
    text-transform: uppercase;
  }
  .editclient-rgt {
    margin-top: 35px;
  }
  #innerRecords,
  .invoicegrid {
    overflow-x: scroll;
  }
  #innerRecords .zeroMargin {
    width: 760px;
  }
  #invoicegridContainer .invoicegrid {
    margin-left: 15px;
    margin-right: 15px;
  }
  #invoicegridContainer .invoicegrid .col-sm-12 {
    width: 705px;
    padding: 0;
  }
  .records {
    width: auto;
    margin: 0 !important;
  }
  .listedData table td {
    text-align: left !important;
  }
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > thead > tr > th:first-child {
    border-left: 1px solid #ddd;
  }
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > thead > tr > th:last-child {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }
  .table-bordered > tbody > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tfoot > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > thead > tr > th {
    border-bottom: none;
  }
  .form-custom-layout button.custom-btn[type="submit"],
  .form-custom-layout button[type="submit"],
  .form-custom-layout [type="submit"],
  .post-buttons .btn-custom {
    background: #389cd3;
    border-radius: 3px;
    border-bottom: 4px solid #2a7fae;
    border: 0;
    padding: 6px 16px;
    font-size: 16px;
    color: #fff;
    margin-right: 10px !important;
  }

  .form-custom-layout button[type="button"],
  .form-element button[type="button"],
  .form-custom-layout a.btn {
    background: #9e9e9e;
    border-radius: 3px;
    border-bottom: 4px solid #757575;
    border: 0;
    padding: 6px 16px;
    font-size: 16px;
    color: #fff;
  }
  .form-custom-layout a.btn-success {
    background-color: #5cb85c;
    border-color: #4cae4c;
  }
  .form-custom-layout a.btn-danger {
    background-color: #c9302c;
    border-color: #ac2925;
  }
  .form-custom-layout a.btn-danger:hover {
    background-color: #d9534f;
  }
  .form-custom-layout a.btn-success:hover {
    background-color: #449d44;
  }
  .commonBlock {
    width: auto;
  }
  .commonBlock--profile {
    width: auto;
    float: none;
  }
  .container {
    overflow: visible;
    width: 100%;
  }
  .navbar-nav {
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
    margin-left: 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
    background: #ebebeb;
  }
  .titleHead.commonBlock {
    width: 100%;
  }
  .navbar-nav .open .dropdown-menu .dropdown-header,
  .navbar-nav .open .dropdown-menu > li > a {
    display: block;
    padding: 9px 0 9px 13px;
    text-align: left;
    color: #979797;
  }
  .navbar-default .navbar-nav .dropdown-menu {
    left: initial;
    right: 0;
    min-width: 220px;
    border: none;
    padding: 0 14px;
    background: #fff;
    border-radius: 0;
    border: 1px solid #ebebeb;
  }
  .navbar-nav > li > a {
    padding: 10px 10px 10px 13px;
  }
  .leaveManagement,
  .leaveManagement,
  .tymTracking {
    background-position: 18px 50%;
  }
  .leaveManagement:focus,
  .tymTracking:focus,
  .tymTracking:hover,
  .navbar-default .navbar-nav > .open a.leaveManagement:focus,
  .navbar-default .navbar-nav > .open a.tymTracking:focus,
  .leaveManagement:hover {
    background-position: 18px 50%;
    padding: 10px 10px 10px 13px;
  }
  .navbar-toggle {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    top: 3px;
  }
  .navbar-toggle:hover {
    background-color: transparent !important;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #3391c5;
    height: 4px;
    width: 30px;
  }
  .navbar-default .navbar-toggle:focus,
  .navbar-default .navbar-toggle:hover {
    background-color: #187fb8;
  }
  .navcollapse {
    position: absolute;
    width: 100%;
    left: 0;
    top: 109px;
    z-index: 5;
  }
  .header-bg {
    padding: 10px 0;
  }
  .logoIcon {
    width: 225px;
    max-width: 225px;
  }
  .login_form .col-md-6 img {
    height: auto;
  }
  .row.no-gutter {
    margin: 0;
    position: relative;
  }
  .col-md-6.col-sm-6.login-mobile {
    position: absolute;
    width: 100%;
    background: rgba(255, 255, 255, 0.85);
    height: 100%;
    top: 0;
  }
  .vertically-center-wrap {
    top: 50%;
    position: relative;
    width: 100%;
    transform: translateY(-50%);
  }
  .content.col-xs-12.commonBlock {
    width: 100%;
  }
  .listedData.table-responsive table {
    border: none;
  }
  .pageHeading .addNew,
  .addNew {
    padding: 7px 20px 5px;
    margin-top: 0;
  }
  .brdr-rgt {
    border-right: none;
  }
  .firstField.col-md-3.col-sm-3 {
    margin-top: 21px;
  }
  .downloadlink-img label {
    display: none;
  }
  .employeeInfo.form-custom-layout .row {
    margin-bottom: 0;
  }
  .employeeInfo.form-custom-layout .row .col-sm-6,
  .employeeInfo.form-custom-layout .row .col-sm-4 {
    margin-bottom: 22px;
  }
  .emp-pdng-lft .titleHeading {
    margin-top: 0;
  }
  .col-md-4.col-sm-5.emp-pdng-lft,
  .col-sm-7.col-md-8.emp-add-rgt {
    padding: 0;
  }
  .employeeInfo.form-custom-layout .row.inner-col,
  .employeeInfo.form-custom-layout .row.legand-wrap {
    margin-bottom: 22px;
  }
  .inner-col .col-md-6.box2,
  .inner-col .col-md-6.box1 {
    width: 48.5%;
  }
  #end_of_probation_row,
  .notice_period_row,
  #work_hours_per_day {
    float: left;
    width: 100%;
    margin-top: 22px;
  }
  .notice_period_row .col-sm-6 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .radio-btngrp label {
    width: 23%;
  }
  .modal .listedData .row .col-sm-6,
  .modal .listedData .row .col-sm-12 {
    margin: 0 0 22px;
  }
  .modal .listedData .row {
    margin: 0;
  }
  .emp_info_table .box2.col-md-6 {
    padding-right: 15px;
    padding-left: 0;
    margin: 25px 0 0 0;
    width: 100%;
  }
  .emp_info_table .box1.col-md-6 {
    padding-left: 0;
    padding-right: 15px;
    margin: 0;
    width: 100%;
  }
  #responsive-menu-button {
    display: none;
  }
  .mob-space {
    margin-top: 22px;
  }
  .filter_borders.form-custom-layout .row {
    margin-bottom: 0;
  }
  .filter_borders.form-custom-layout .row .col-sm-6 {
    margin-bottom: 25px;
  }
  .filter_borders .btn-container {
    margin-top: 60px;
  }
  .mobile-spacetop {
    margin-top: 25px;
  }
  .col-md-4.col-md-offset-4.col-sm-6.col-sm-offset-3 {
    padding: 0 15px;
  }
  #state_row div {
    width: 100%;
    margin-bottom: 5px;
  }
  .mob-fullwidth .input div {
    width: 100%;
  }
  .approvedLeaves:before,
  .rejectedLeaves:before,
  .cancelledLeave:before,
  .privilegeLeaveExceptionCompensatoryOffCreditLeaveCase:before {
    color: #fff !important;
  }
  .listedData.listedDataTable.divScroll.table-responsive table {
    border: 1px solid #ccc;
    margin-top: 30px;
  }
  .col-sm-8.col-xs-8.rowTask {
    width: 61%;
  }
  .rowTask {
    padding-top: 12px;
  }
  .rowCmtmain .rowTask li {
    width: 100%;
  }
  .leaveContent .titleHeading .align-text {
    margin-top: 0;
  }
  .l-full.lms-carousel {
    display: none;
  }
  .lms-leave_calendar .table-responsive {
    border: none;
  }
  .lms-featured_post .col-xs-8.col-xs-offset-2 {
    margin-left: 0;
    width: 100%;
  }
  .lms-featured_post .card-content span {
    font-size: 15px;
    width: auto;
  }
  .post-content.holiday-block.ptb-15 {
    width: 261px;
    margin: 0 auto;
  }
  .post-content.holiday-block.lms-flexiholiday,
  .holiday-block {
    width: 261px;
    margin: 0 auto 30px;
    min-height: 337px;
  }
  .upcoming-holiday {
    text-align: center;
    margin-bottom: 26px;
    margin-top: 27px;
  }
  .nav-tabs li a {
    min-width: 110px;
  }
  .lms-section_holiday .tab-pane {
    min-height: 300px;
    padding-bottom: 30px;
  }
  .lms-section_holiday .col-sm-6 {
    margin-top: 30px;
    clear: both;
  }
  .carousel-control.left,
  .carousel-control.right {
    background-image: none !important;
    top: 257px;
    border-top: 1px solid #ccc;
  }
  .removecolon td::before {
    content: none;
  }
  #invoicegridContainer .zeroMargin {
    width: 700px;
  }
  #invoicegridContainer {
    overflow-x: scroll;
    float: left;
    width: 100%;
    padding-bottom: 20px;
  }
  .bootstrap-duallistbox-container .col-md-6 {
    width: 48.4%;
    margin-right: 2px;
    display: inline-block;
  }
  .form-custom-layout .col-md-6,
  .form-custom-layout .col-md-5 {
    padding: 0 35px;
    margin-top: 25px;
    float: left;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .btn-notify_wrapper {
    margin-top: 10px;
  }
  .customButtons {
    top: -43px;
  }
  .records-item form {
    text-align: left;
  }
  .color-leaves {
    width: 100% !important;
  }
  .export-excel {
    margin-right: 15px !important;
  }
  .labels-item {
    margin-bottom: 15px;
  }
  .mob-center {
    text-align: center;
  }
  .bg-banner {
    background-image: none;
    padding-top: 0;
    height: auto;
  }
  #wrapper {
    padding-bottom: 140px;
  }
  .loginContent #wrapper {
    padding-bottom: 0;
  }
  .user-section {
    width: 96%;
  }
  .form-group {
    margin-bottom: 15px;
  }
  .footerTxt {
    margin: 25px 0;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #979797 !important;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #979797 !important;
  }
  .search-pending_items.form-custom-layout button[type="submit"],
  .search-pending_items.form-custom-layout button[type="button"] {
    padding: 7px 25px;
    font-size: 18px;
  }
}
@media screen and (max-width: 375px) {
  .carousel-control.left,
  .carousel-control.right {
    top: 289px;
  }
}
@media screen and (max-width: 360px) {
  .carousel-control.left,
  .carousel-control.right {
    top: 257px;
  }
}
@media screen and (max-width: 360px) {
  .custom-content .input input[type="text"] {
    width: 60%;
  }
  .form-custom-layout button.btn-success[type="submit"] {
    width: 35%;
    padding: 7px 10px;
  }
  .modal-flexileaves {
    width: 300px;
  }
}
@media screen and (max-width: 667px) {
  .carousel-control.left,
  .carousel-control.right {
    bottom: -9px;
  }
}
@media screen and (max-width: 625px) {
  .search-pending_items.form-custom-layout button[type="submit"] {
    margin-left: 0;
  }
  .search-pending_items.form-custom-layout input {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 567px) {
  strong.vertical {
    top: 47px;
    margin-left: -76px !important;
  }
}
@media screen and (max-width: 429px) {
  .custom-element {
    width: 70%;
  }
}
@media screen and (max-width: 340px) {
  .custom-element {
    width: 60%;
  }
}
@media screen and (max-width: 499px) and (min-width: 300px) {
  .leaveContent .titleHeading span.titleHeadinginner {
    float: left;
    margin-top: 21px;
    text-indent: 0;
    width: 100%;
  }
  .manage_client_btn .col-sm-2.col-xs-4 {
    padding-left: 15px;
    clear: both;
  }
  .manage_client_btn .col-sm-2.col-xs-4 label {
    display: none;
  }
  .pageHeading,
  .pageHeading span {
    width: 100%;
    float: left;
  }
  .bootstrap-duallistbox-container .col-md-6 {
    width: 48.4%;
    margin-right: 2px;
    display: inline-block;
  }
  .records {
    width: auto;
    margin: 0 0 20px !important;
    float: none;
    display: table;
    text-align: left;
  }
  .records span {
    float: none;
    width: auto;
  }
  .pageHeading .addNew,
  .addNew {
    float: left;
  }
  .leaveContent .titleHeading .align-text + .addNew {
    float: right;
  }
  .login_form .col-md-6 img {
    height: 460px;
  }
  .listedData table td {
    padding: 20px 10px;
    color: #979797;
  }
  .btn-approve,
  .btn-edit,
  .btn-reject,
  .btn-cancel,
  .btn-view {
    margin-left: 5px;
  }
  .metrics.index .pageHeading .addNew {
    float: right;
  }
  .metrics.index .pageHeading span {
    width: auto;
  }
  .rwd-table td::before {
    width: 45%;
  }
  .rwd-table td a {
    display: inline-block;
    word-wrap: break-word;
    word-break: break-all;
  }
  .rwd-table td a.btn-view,
  .rwd-table td a.btn-edit,
  .rwd-table td a.btn-cancel,
  .rwd-table td a.btn-approve,
  .rwd-table td a.btn-reject {
    width: 24px;
  }
  .bootstrap-duallistbox-container {
    margin: 0;
    width: 100%;
  }
  .inner-col .col-md-6.box2,
  .inner-col .col-md-6.box1 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .inner-col .col-md-6.box1 {
    margin-bottom: 22px;
  }
  .radio-btngrp label {
    width: 91%;
  }
  .emp_info_table .box2.col-md-6 {
    padding-right: 0;
    padding-left: 0;
  }
  .emp_info_table .box1.col-md-6 {
    padding-left: 0;
    padding-right: 0;
  }
  .gridShortscode li {
    width: 100%;
  }
  .post-time li a {
    width: 93%;
  }
  .rowCmtmain .col-sm-2.pull-right.space_out_5 {
    float: left !important;
    margin-left: 61px;
    clear: both;
  }
  .col-sm-8.col-xs-8.rowTask {
    width: 76%;
  }
}
@media screen and (max-width: 440px) and (min-width: 300px) {
  .expected-hours-select .date_filters .input.date select + select {
    width: 46%;
  }
  .radio-btngrp label {
    width: 86%;
  }
  .btn-attach {
    min-width: 221px;
    font-size: 1.3rem;
    background-position: 26px 15px;
    background-size: 19px auto;
  }
  .leaveContent .titleHeading .align-text + .addNew {
    float: left;
    margin-top: 10px;
    clear: both;
  }
  .modal-projectinfo .project-label {
    display: block;
    text-align: left !important;
  }
  .modal-projectinfo .client,
  .modal-projectinfo .task,
  .modal-projectinfo .project {
    text-align: left !important;
    display: block;
  }
}
@media screen and (max-width: 375px) {
  .post-content.holiday-block.lms-flexiholiday,
  .holiday-block,
  .post-content.holiday-block.ptb-15 {
    width: 100%;
  }
}
@media (min-width: 767px) {
  .rwd-table th,
  .rwd-table td {
    display: table-cell;
    padding: 0.25em 0.5em;
  }
  .rwd-table td:before {
    display: none;
  }
  .listedContent textarea,
  .listedContent label.error {
    width: 90%;
  }
}
@media screen and(min-width:1231px) and (max-width: 1440px) {
  .progress {
    width: 58%;
  }
}
@media screen and (max-width: 1229px) and (min-width: 992px) {
  .pending-holiday-number,
  .holiday-number {
    padding: 10px 3px;
  }
}
@media screen and (max-width: 1230px) and (min-width: 992px) {
  .d-table.finance-table {
    width: 94.3% !important;
  }
  .progress {
    width: 48%;
  }
}
@media screen and (max-width: 1199px) {
  .lms-featured_post .heading span::before,
  .lms-featured_post .heading span::after {
    width: calc(100% - 69%);
  }
}
@media screen and (max-width: 991px) {
  /* .progress{
		width:100%;
		margin:5px 0;
	}
	.customButtons{
		top:-46px;
	}
	.strengthsGraph div svg{
		height:400px !important;
	}
	.strengthsGraph {
	    overflow-x: scroll;
	}
	.strengthsGraph div:first-child{
		width:700px !important;
		height:auto !important;
	} */
}
@media screen and (max-width: 767px) {
  .lms-featured_post .heading span::before,
  .lms-featured_post .heading span::after {
    width: calc(100% - 64%);
    background-position: 0 9px;
    margin: 0 5px;
  }
}
@media (min-width: 1200px) {
  .col-lg-push {
    left: 37.333333%;
  }
}
@media (min-width: 250px) and (max-width: 590px) {
  .lms-section_holiday .col-sm-3.col-xs-6 {
    width: 100%;
  }
  .lms-section_holiday .col-sm-3.col-xs-6.visible-xs {
    margin-top: 30px;
  }
  .lms-featured_post .heading span::before,
  .lms-featured_post .heading span::after {
    width: calc(100% - 68%);
  }
}
@media screen and (max-width: 450px) {
  .lms-featured_post .heading span::before,
  .lms-featured_post .heading span::after {
    width: calc(100% - 72%);
  }
}
@media screen and (max-width: 370px) {
  .lms-featured_post .heading span::before,
  .lms-featured_post .heading span::after {
    width: calc(100% - 78%);
  }
}
@media screen and (max-width: 375px) {
  .holiday-block .slide {
    min-height: 312px;
  }
  .carousel-control.left,
  .carousel-control.right {
    top: auto;
  }
}
@media screen and (max-width: 360px) {
  .carousel-control.left,
  .carousel-control.right {
    top: auto;
  }
  .listedContent .btn {
    width: 100px;
  }
  .customButtons {
    float: left;
    margin: 20px 0 10px;
    top: -5px;
    width: 100%;
  }
  .customButtons .btn {
    float: none !important;
    margin: 0 10px 15px 0 !important;
    display: inline-block !important;
  }
}
@media (max-width: 600px) {
  .time-grid.customButtons {
    display: block;
    width: 100%;
    float: left;
    text-align: center !important;
    position: inherit;
  }
  .time-grid.customButtons .btn-large {
    float: none !important;
    display: inline-block !important;
    margin-top: 10px !important;
  }
}
.chosen-select .chosen-container.chosen-container-multi {
  width: 100% !important;
  margin-left: 0 !important;
}
.section-notify {
  background: #f0f0f0;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.section-notify span {
  display: block;
  margin-bottom: 20px;
}
.strengths-container {
  width: 140px;
  display: inline-block;
  margin-top: 8px;
  margin-right: 20px;
}
.strengths-container label,
.strengths-container .input select {
  width: 100%;
}
.strengths-container label {
  font-size: 14px;
  margin-bottom: 3px;
}
/*Radio Boxes*/
.SingleTypeRrdio input[type="checkbox"] {
  height: 20px;
  margin: 0 5px 0 0;
  position: relative;
  top: -2px;
  vertical-align: middle;
  width: 20px;
}
.SingleTypeRrdio,
.SingleTypecheckbox {
  color: #3560ad;
  cursor: pointer;
  font-size: 21px;
  height: 30px;
  line-height: 20px;
  margin-bottom: 0;
  padding: 5px 0 5px 30px;
  position: relative;
}
.SingleTypeRrdio input,
.SingleTypecheckbox input {
  left: -9999px;
  position: absolute;
}
.SingleTypeRrdio i,
.SingleTypecheckbox i {
  border: 3px solid #9a9a9a;
  display: inline-block;
  height: 30px;
  vertical-align: middle;
  width: 30px;
  position: absolute;
  left: 0;
  top: 2px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
}
.SingleTypeRrdio i::after {
  background: #3398cc;
  border-radius: 100%;
  content: "";
  height: 14px;
  left: 5px;
  opacity: 0;
  position: absolute;
  top: 5px;
  width: 14px;
}
.SingleTypecheckbox i::after {
  background: #3398cc;
  border-radius: 100%;
  content: "";
  height: 14px;
  left: 5px;
  opacity: 0;
  position: absolute;
  top: 5px;
  width: 14px;
}

.SingleTypeRrdio input:checked + i::after,
.SingleTypecheckbox input:checked + i::after {
  opacity: 1;
}
.SingleTypeRrdio input:checked + i,
.SingleTypecheckbox input:checked + i {
  border-color: #3398cc;
}
.strenghtstable {
  margin-bottom: 10px;
  margin-top: 15px;
}
.strenghtstable td label {
  width: auto;
}
.strenghtstable > tbody > tr > td {
  border: 0;
  vertical-align: middle;
}
.table-values {
  margin-bottom: 0;
}
.table-values tbody > tr > td {
  border: 0;
}
.itemorder {
  width: 20%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.itemorder label {
  width: auto;
}
.values-added tr td {
  width: 27%;
  font-size: 16px;
  text-align: center;
}
.headtitle {
  font-size: 17px;
  font-family: "open sans", sans-serif;
  font-weight: 600;
}
.form-custom-layout button.btn-savelater {
  background: #0054a6 !important;
  width: 145px;
}
.contentText {
  min-height: 300px;
}
.optionsSelect {
  margin: 10px 10px 0;
  padding-left: 40px;
  width: auto !important;
}
.activeButtonClass {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.notopmargin {
  margin-top: 0;
}
html|* > svg {
  transform-origin: 0 0px;
}

strong.vertical {
  margin-left: -90px;
  position: absolute;
  width: 175px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg); /* Safari/Chrome */
  -moz-transform: rotate(-90deg); /* Firefox */
  -o-transform: rotate(-90deg); /* Opera */
  -ms-transform: rotate(-90deg); /* IE 9 */
}

th.rotate-45 {
  height: 170px;
  line-height: 14px;
  padding-bottom: 20px;
  text-align: left;
  background: red;
  vertical-align: middle !important;
  min-width: 40px;
  position: relative;
}
.desc-info {
  overflow: hidden;
  margin-top: 4px;
}
.section-list .bg-notify .desc-info {
  padding-left: 35px;
}
.adjustspacer {
  margin-bottom: 20px;
}
.username {
  color: #666;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.divider {
  border-right: 1px solid #ccc;
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
#graphModal .modal-content {
  border-radius: 0 0 4px 4px;
  border: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.logoImg a {
  display: inline-block;
}
.empty-user-strengths {
  padding: 15px;
  font-size: 16px;
  color: rgb(169, 68, 66);
}
.customButtons {
  top: -36px;
  position: relative;
}
.customButtons .btn {
  margin-top: 0;
}
.right-buttons .addNew {
  float: none !important;
  margin-right: 20px;
}
.right-buttons .addNew:last-of-type {
  margin-right: 0;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  .listedData.table-responsive {
    border-right: 1px solid #ccc !important;
  }
}
.strengthsGraph-popup {
  overflow-x: auto;
  overflow-y: hidden;
}
.weekLabel {
  text-align: center;
  margin: 20px 0px;
}
@media (max-width: 1090px) {
  .strengthsGraph-time {
    width: 100%;
    overflow: scroll;
    overflow-y: hidden;
  }
}
@media (max-width: 1130px) {
  .strengthsGraph-report {
    overflow-x: auto;
    overflow-y: hidden;
  }
}
@media (min-width: 1441px) {
  .progress {
    width: 68%;
  }
}

.ui-tooltip {
  max-width: 390px !important;
}
.ui-tooltip ul {
  padding-left: 20px !important;
}
.btn-shift {
  background: url(images/assign_shift.png) no-repeat center center;
  width: 20px;
  height: 23px;
  display: inline-block;
  vertical-align: middle;
  text-indent: -9999999px;
  margin-left: 0;
  margin-bottom: 6px;
}
.select-shift select {
  width: 90%;
  padding: 3.5px 3px;
}

.shiftsTable .table-heading .title,
.table-content .data {
  display: inline-block;
  padding: 4px 0;
  text-align: center;
  width: 24%;
}

#assign_user .listedData .ui-datepicker-calendar td {
  padding: 2px 2px;
}

.cssAssignUserContainer {
  min-height: 40px;
  max-height: 130px;
  overflow-y: auto;
  margin: 0 10px 20px 36px !important;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: linear-gradient(#eee 1%, #fff 15%);
  color: #0a7cbb;
  padding: 5px;
}
.userDetailContainer {
  display: inline-flex;
}
.cssAssignedUsers {
  padding: 5px 30px;
  border-bottom: 1px solid #aaaaaa63;
}
.assignUserEdit,
.assignUserDelete {
  float: right;
  padding: 0 5px;
}
.noAssignedUser {
  text-align: center;
  padding-top: 3px;
}
.cssAssignUserContainer .cssAssignedUsers:last-child {
  border-bottom: none;
}
.disable {
  background: #efefef;
  cursor: not-allowed;
  outline: none;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu.toggle > .dropdown-menu {
  top: 4px;
  left: inheirt !important;
  right: 200px;
  margin-top: -6px !important;
  margin-left: -1px !important;
  -webkit-border-radius: 0 6px 6px 6px !important;
  -moz-border-radius: 0 6px 6px !important;
  border-radius: 6px 0 6px 6px !important;
  min-width: 165px !important;
}
.dropdown-submenu.toggle > .dropdown-menu li a {
  padding: 9px 0 9px 0 !important;
}
.dropdown-submenu.toggle > .dropdown-menu li a .nav-item-icon {
  margin-right: 5px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  transform: rotate(179deg);
  position: absolute;
  top: 9px;
  left: 0;
}

.dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100% !important;
  margin-left: 10px !important;
  -webkit-border-radius: 6px 0 6px 6px !important;
  -moz-border-radius: 6px 0 6px 6px !important;
  border-radius: 6px 0 6px 6px !important;
}

.userDetail {
  margin-right: 35px;
  min-width: 186px;
}

.report-icon {
  background: url(../img/report-menu.png) left no-repeat;
  padding-left: 45px !important;
  background-position: 14px !important;
}
.report-icon:active,
.report-icon:focus,
.report-icon:hover,
.report-icon:visited,
.navbar-default .navbar-nav > .open a.report-icon:focus {
  background: url(../img/report-menu-white.png) left no-repeat;
}
.modal-body--shift {
  padding: 0;
}
.blue_button {
  background: #389cd3 !important;
  border-radius: 3px;
  border-bottom: 4px solid #2a7fae !important;
  border: 0 !important;
  padding: 7px 25px;
  font-size: 18px;
  color: #fff;
  margin-right: 10px !important;
  vertical-align: top;
  transition: all 0.3s ease-out 0s;
  margin-bottom: 10px;
}
.ml-0 {
  margin-left: 0 !important;
}
.modal-row {
  align-items: center;
  display: flex;
  padding: 0 20px;
  margin-top: 20px;
  margin-bottom: 30px;
}
.modal-row label {
  max-width: 200px !important;
}
.modal-row .text {
  width: calc(100% - 200px);
}
.listedData--scroll,
.float-none {
  float: none !important;
}
.add-btn {
  text-align: right;
  margin-bottom: 15px;
}
.add-btn .blue_button {
  margin: 0 !important;
  padding: 7px 15px !important;
  font-size: 14px !important;
}
.listedData--scroll .table {
  margin-bottom: 0;
  background: #389cd3;
}
.listedData--scroll .table th select {
  border: 1px solid #d7d7d7;
  box-shadow: none;
  color: #979797;
  line-height: 1.42857;
  margin: 0 !important;
  padding: 5px 9px;
  width: 100%;
  background: #fff;
  font-size: 15px;
}
.listedData--scroll .table.table-striped > tbody > tr:nth-of-type(even) {
  background: #ffffff;
}
.listedData--scroll .table tr {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.listedData--scroll .table tr th,
.listedData--scroll .table tr td {
  display: table-cell;
}
.listedData--scroll .table thead {
  display: table;
  width: calc(100% - 1.25rem);
}
.listedData--scroll .table tbody {
  display: block;
  max-height: 230px;
  overflow: auto;
}
.listedData--scroll.listedData--scroll--height .table tbody {
  max-height: 530px;
}
.listedData--scroll .table a {
  color: #1565c0;
}
.listedData--scroll .table a:hover {
  text-decoration: underline !important;
}
.listedData--height {
  min-height: 220px;
}
.listedData--height .row,
.listedData--certifications .row {
  margin: 0 -15px !important;
}
/* .listedData--height .row .col-sm-4 {
	margin-bottom: 20px !important;
} */
.listedData--certifications .row .col-sm-6 {
  margin-bottom: 20px !important;
}

.fl-left {
  float: left;
}
.ml-15 {
  margin-left: 15px;
}
.footer-btn-wrapper {
  border-top: 1px solid #d7d7d7;
  padding-top: 10px;
  float: left;
  width: 100%;
  margin-top: 30px;
}
/* checkbox **/
.checkbox-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.checkbox-group label {
  position: relative;
  cursor: pointer;
}

.checkbox-group label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #a5a5a5;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 8px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}

.checkbox-group input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 8px;
  width: 5px;
  height: 12px;
  border: solid #a5a5a5;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
thead .checkbox-group input:checked + label:after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
}
thead .checkbox-group label:before {
  border: 2px solid #fff;
}
/** checkbox end **/
.firstField--mb {
  margin-bottom: 15px;
}
.required {
  color: #f90505;
  padding-left: 4px;
}
.form-custom-layout .bootstrap-select .btn:focus,
.form-element .bootstrap-select .btn:focus,
.form-custom-layout input[type="text"]:focus,
.bootstrap-select .dropdown-toggle:focus,
#projectSelection,
#userSelection,
.form-custom-layout textarea:focus,
.form-custom-layout button:focus,
select:focus {
  outline: none !important;
}
.section-content .btn-login:focus,
.btn-post:focus,
.table-bordered th select {
  outline: none;
}
.form-custom-layout .grey_button--reset {
  background: #9e9e9e;
  border-radius: 3px;
  border-bottom: 4px solid #757575;
  border: 0;
  padding: 7px 25px;
  font-size: 18px;
  color: #fff;
  transition: all 0.3s ease-out 0s;
  margin-left: 15px;
  display: inline-block;
}
.form-custom-layout .grey_button--reset:hover {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12),
    0 3px 1px -1px rgba(0, 0, 0, 0.2) !important;
}

.chosen-select--project-skills .chosen-container-multi .chosen-choices {
  max-height: 93px;
  overflow-y: auto;
  border-color: #d7d7d7;
  color: #979797;
}
#jsAddEditProject .listedData table td {
  padding: 2px;
}
.table-report--scroll {
  overflow: auto;
  height: 365px;
}
.listedData--custom-report table#reportOuterTable tbody td:first-child,
.listedData--custom-report .table-report--scroll table tbody td:first-child {
  width: 105px;
}
.listedData--custom-report table#reportOuterTable tbody td:nth-child(2),
.listedData--custom-report .table-report--scroll table tbody td:nth-child(2) {
  width: 130px;
}
.listedData--custom-report table#reportOuterTable tbody td:last-child,
.listedData--custom-report .table-report--scroll table tbody td:last-child {
  width: calc(100% - 235px);
}
.listedData--custom-report .table-report--scroll table tbody td {
  padding: 5px !important;
  width: 105px;
  max-width: 105px;
}
.listedData--custom-report table.reportHoursBlock tbody td:first-child,
.listedData--custom-report
  table#reportOuterTable
  tbody
  td
  table.reportHoursBlock
  tbody
  td:first-child {
  width: 100px;
}
.listedData.listedData--custom-report
  table#reportOuterTable
  tbody
  td
  table.reportHoursBlock
  tbody
  td,
.listedData.listedData--custom-report table.reportHoursBlock tbody td {
  min-width: 53px;
  max-width: 60px;
  width: 60px;
}
.listedData--custom-report table#reportOuterTable tbody td {
  width: 105px;
  max-width: 105px;
}
#piechart table,
#piechart2 table {
  margin: 0 auto !important;
}
.pie-chart-label {
  text-align: center;
  font-size: 14px;
}
.pie-chart-label span {
  border-left: 1px solid #7b7b7b;
  padding-left: 5px;
  margin-left: 5px;
}
@media (max-width: 767px) {
  .section-search--spacing {
    padding: 20px 15px;
  }
  .m-pt-20 {
    padding-top: 20px;
  }
}

.profile-radio-group label {
  width: calc(100% - 55px);
  padding-left: 10px;
}
.pdf-logo {
  margin-top: 40px;
}

.eng-prf-header .row {
  width: 100%;
  margin: 0;
}
.eng-prf-header__pic {
  width: 256px;
  height: 256px;
  border-radius: 50%;
  border: 3px solid #ffffff;
  float: right;
  margin-top: 80px;
}
.-divider {
  height: 5px;
  width: 130px;
  background: #32b6ab;
  display: block;
  margin-top: 10px;
}
.eng-prf-header__pic img {
  max-width: 100%;
  border-radius: 50%;
}
.eng-prf-header__center-col {
  display: flex;
  flex-direction: column;
  height: 100%;
  /* justify-content: flex-end; */
  align-items: flex-end;
  margin-top: 260px;
}
.eng-prf-header__center-col h1 {
  font-size: 38px;
  line-height: 35px;
  font-weight: 700;
  margin: 0;
  color: #1c3e4c;
}
.eng-prf-header__center-col h5 {
  font-size: 26px;
  line-height: 35px;
  color: #1c3e4c;
}
.eng-prf-header__right-col {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  align-items: flex-start;
}
.right-col__text-block a {
  color: #fff;
  text-decoration: none;
}
.right-col__text-block a:hover {
  text-decoration: underline;
}
.prblock-heading {
  text-transform: uppercase;
  font-size: 24px;
  line-height: 30px;
  border-bottom: 1px solid #dddddd;
  color: #1c3e4c;
  font-weight: 700;
  margin-top: 40px;
  padding-bottom: 6px;
  margin-bottom: 15px;
}
.prf-circle {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #1c3e4c;
}
.card-panel__img {
  background: #1c3e4c;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.card-panel__img img {
  max-width: 23px;
  max-height: 23px;
}
.card-panel {
  font-size: 17px;
  line-height: 30px;
  color: #616161;
  display: flex;
  align-items: center;
  text-transform: none;
  margin-bottom: 15px;
}
.card-panel p {
  margin: 0 0 0 12px;
}
.block-outer .media-wrap:last-child {
  margin-bottom: 0;
}
.media-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 25px;
}
.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}
.media-wrap__media-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.media-wrap__media-heading {
  margin: 0 50px 6px 0;
  font-size: 20px;
  line-height: 24px;
  color: #333333;
  font-weight: bold;
  min-width: 245px;
  max-width: 245px;
  display: inline-block;
}
.media-wrap__media-content h5 {
  margin: 0;
  font-size: 20px;
  line-height: 24px;
  color: #333333;
  font-weight: bold;
}
.media-wrap__media-content p {
  margin: 0 0 6px;
  font-size: 18px;
  line-height: 24px;
  color: #818181;
}
.pr-table-head {
  margin-bottom: 12px;
}
.pr-table-body {
  margin-bottom: 18px;
}
.pr-table-head .pr-table-head__col-left,
.pr-table-body .pr-table-head__col-left {
  font-weight: 700;
  font-size: 16px;
  color: #333;
  width: 220px;
  display: inline-block;
}
.pr-table-head .pr-table-head__col-right,
.pr-table-body .pr-table-head__col-right {
  font-weight: 700;
  font-size: 16px;
  color: #333;
  width: calc(100% - 235px);
  display: inline-block;
  text-align: center;
}
.pr-table-body .pr-table-head__col-left,
.pr-table-body .pr-table-head__col-right {
  font-weight: normal;
}
.pr-project-detail__inner {
  list-style: none;
  margin: 0px 0 30px;
  padding: 0 0 30px;
  position: relative;
}
.pr-project-detail ul:last-child {
  padding-bottom: 0;
}
.pr-project-detail ul:last-child:after {
  border-bottom: none;
}
ul.pr-project-detail__inner:after {
  content: "";
  position: absolute;
  border-bottom: 1px solid #dddddd;
  bottom: 0px;
  width: 250px;
  left: calc(50% - 125px);
}
.pr-project-detail__inner li strong {
  color: #333333;
}
.pr-project-detail__inner li {
  color: #666;
  font-size: 17px;
  line-height: 22px;
  margin-bottom: 14px;
}
.pr-tick-listing {
  padding: 0;
  margin: 0;
}
.pr-tick-listing li {
  background: url(../img/profile/tick.svg) no-repeat;
  list-style: none;
  color: #666;
  font-size: 17px;
  line-height: 22px;
  padding-left: 40px;
  margin: 0 0 15px;
  text-transform: none;
  font-weight: normal;
  background-position: 0 -3px;
}
.pr-tick-listing li:last-child {
  margin-bottom: 0;
}
.contact-info .card-panel:last-of-type {
  margin-bottom: 0;
}
.tech-skills .pr-table-body:last-of-type,
.tools .pr-table-body:last-of-type {
  margin-bottom: 0;
}
.form-custom-layout .bootstrap-select .btn[disabled],
.form-element .bootstrap-select .btn[disabled] {
  background: #e6e6e6;
  color: #616161;
}
.form-custom-layout .bootstrap-select .btn[disabled] .filter-option,
.form-element .bootstrap-select .btn[disabled] .filter-option {
  color: #616161;
}
.check-table .btn-skills {
  background: url(images/skills.png) no-repeat center center;
  width: 25px;
  height: 21px;
  display: inline-block;
  text-indent: -9999999px;
  margin-left: 10px;
}
.eng-prf-header {
  background: url(images/profile-banner.png);
  color: #fff;
  height: 303px;
  display: flex;
  padding: 25px;
  margin-bottom: 12%;
}

.--link {
  color: #337ab7 !important;
}

.cursor-default label {
  cursor: default !important;
}

.control-label-custom {
  width: 48.8% !important;
}
.mr-5 {
  margin-right: 5px !important;
}

.form-location .input .bootstrap-select {
  width: 100% !important;
  margin-bottom: 25px;
}

.mr-5 {
  margin-right: 5px !important;
}

button.disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}
button.enabled {
  opacity: 1 !important;
  cursor: pointer !important;
}
.gridShortscode li.btn-group-lg {
  float: right;
  padding-right: 0;
}
.gridShortscode li.btn-group-lg a {
  margin: 0 0 0 15px;
}
.form-location .input .bootstrap-select {
  width: 100% !important;
  margin-bottom: 25px;
}
.gridShortscode li.btn-group-lg a {
  margin: 0 0 0 15px;
}
.--link {
  color: #337ab7 !important;
}

.cursor-default label {
  cursor: default !important;
}

.control-label-custom {
  width: 48.8% !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.table-mandatory .thead-dark {
  color: #fff;
  background-color: #0acfcf;
  background-repeat: repeat-y;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#0acfcf),
    to(#5264bf)
  );
  background: -webkit-linear-gradient(left, #5264bf, #0acfcf);
  background: -moz-linear-gradient(left, #5264bf, #0acfcf);
  background: -ms-linear-gradient(left, #5264bf, #0acfcf);
  background: -o-linear-gradient(left, #5264bf, #0acfcf);
  font-size: 18px;
  font-weight: 300;
}
.table-mandatory .success-status {
  background-color: #13cb7b !important;
  color: #fff;
}
.table-mandatory .collapse table {
  border-left: 5px solid #4d6cc1;
}
.table-mandatory .collapse .pl-5 {
  padding-left: 45px;
  padding-top: 20px;
}
.table-mandatory .table-striped > tbody > tr:nth-of-type(odd) {
  background: #c6f3f5;
  color: #000;
  font-weight: 700;
}
.table-mandatory .table-striped table thead {
  background: #64bbbf;
  font-weight: bold;
}
.table-mandatory table {
  position: relative;
}
.nested-icon:before {
  content: "";
  position: absolute;
  top: -21px;
  left: -38px;
  background: url(images/table-nested.png);
  height: 55px;
  width: 35px;
}
.listedData .dataTable table th {
  background-color: #19b8cb;
}
.powerBI {
  width: 100% !important;
}
.socialSharing {
  display: none !important;
}
.logoBarWrapper {
  display: none !important;
}

.jsIWFHDaysChecked {
  display: none;
}

/* Style for labels (circles) */
.day-circle {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #e0e0e0;
  color: #000;
  text-align: center;
  line-height: 30px;
  margin: 0 5px;
  /* Adjust spacing between circles */
  cursor: pointer;
  /* Change cursor to pointer on hover */
  transition: background-color 0.3s;
  /* Smooth background color transition */
}

label.day-circle {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding: 0;
}

/* Style when checkbox is checked */
.jsIWFHDaysChecked:checked + .day-circle {
  background-color: #389cd3;
  /* Change this color to match the screenshot */
  color: #fff;
}

/* Hover effect for labels */
.day-circle:hover {
  background-color: #d0d0d0;
  /* Lighter grey on hover */
}
.date_parent--full-width.date_parent .input {
  width: 100%;
}
.titleHeading__flt-rgt {
  float: right;
}
.titleHeading__flt-rgt .btn-default {
  margin-right: 10px;
  padding: 8px 15px;
  margin-top: 10px;
  font-size: 15px;
  border-radius: 0;
  display: inline-block;
  min-width: 184px;
}
div#datesList {
  float: left;
  width: 100%;
  margin-top: 8px;
  max-height: 70px;
  overflow: auto;
}
#datesList ul {
  margin: 0;
  padding: 0;
}

#datesList li {
  float: left;
  list-style: none;
  background: #ebebeb;
  padding: 5px 10px;
  margin-right: 10px;
  border-radius: 4px;
  margin-bottom: 10px;
}

.selectedDaysView {
  background-color: #389cd3;
  color: #fff;
}
.custom-topspace .day-circle {
  background: #cfcfcf;
}
.custom-topspace .day-circle.selectedDaysView {
  background: #389cd3;
}