@font-face {
  font-family: 'DIN Bold';
  src: url(../fonts/DIN-Bold.eot);
  src: url(../fonts/DIN-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/DIN-Bold.woff2) format('woff2'), url(../fonts/DIN-Bold.woff) format('woff'), url(../fonts/DIN-Bold.svg#DIN-Bold) format('svg');
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0008-02DC
}

@font-face {
  font-family: 'DIN Regular';
  src: url(../fonts/DIN-Regular.eot);
  src: url(../fonts/DIN-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/DIN-Regular.woff) format('woff'), url(../fonts/DIN-Regular.svg#DIN-Regular) format('svg');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-02DC
}

@font-face {
  font-family: 'DIN Medium';
  src: url(../fonts/DIN-Medium.eot);
  src: url(../fonts/DIN-Medium.eot?#iefix) format('embedded-opentype'), url(../fonts/DIN-Medium.woff2) format('woff2'), url(../fonts/DIN-Medium.woff) format('woff'), url(../fonts/DIN-Medium.svg#DIN-Medium) format('svg');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-02DC
}

.din-bold {
  font-family: 'DIN Bold'
}

.link-color-new{
  color:#494949
}

.din-regular {
  font-family: 'DIN Regular'
}

.din-Medium {
  font-family: 'DIN Medium'
}

dl,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
  margin-top: 0;
  margin-bottom: 18px;
  font-weight: 400
}

h1 {
  font-size: 24px;
  font-family: 'DIN Bold'
}

h2 {
  font-size: 20px;
  font-family: 'DIN Bold'
}

h3 {
  font-size: 18px;
  font-family: 'DIN Bold'
}

h4 {
  font-size: 16px;
  font-family: 'DIN Bold'
}

h5 {
  font-size: 14px;
  font-family: 'DIN Bold'
}

p {
  line-height: 20px;
  color: #494949
}

a {
  /*color:#a8a8a8;*/
  text-decoration: none;
  -webkit-transition: color .3s ease-out, background-color .3s ease-out;
  transition: color .3s ease-out, background-color .3s ease-out;
  outline: 0 none;
  cursor: pointer
}

a:active,
a:focus,
a:hover {
  color: #777;
  text-decoration: none
}

.list-reset {
  list-style: none;
  margin: 0;
  padding: 0
}

.title {
  font-size: 18px;
  display: inline-block;
  margin: 0;
  padding: 0;
  line-height: 18px;
  letter-spacing: -.5px;
  text-transform: capitalize;
  color: #494949
}

.main-title {
  font-size: 18px;
  border-bottom: solid 1px #aeaeae;
  color: #494949;
  line-height: 17px;
  letter-spacing: .8px;
  margin-bottom: 12px;
  pading-top: 7px;
  padding-bottom: 17px
}

.border-2 {
  border-width: 2px !important
}

.title-sub {
  font-size: 18px;
  text-transform: capitalize;
  line-height: 18px;
  letter-spacing: -.5px;
  color: #494949;
  margin-bottom: 10px
}

.title-small {
  font-size: 12px;
  text-transform: capitalize;
  margin: 0;
  line-height: 14px
}

.link {
  text-decoration: none;
  color: #6da4d8
}

.link:hover {
  text-decoration: underline;
  color: #6da4d8
}

.title .link {
  color: #494949
}

.title .link:hover {
  text-decoration: underline;
  color: #494949
}

.btn-type {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent
}

.login-bg {
  z-index: 1;
  position: fixed;
  width: 100%;
  height: 100%
}

.login-bg img {
  width: 100%;
  height: 100%
}

.login-page {
  padding: 0;
  width: 478px;
  margin: 0 auto;
  padding-top: 95px;
  position: relative;
  z-index: 2
}

.login-page .social-block {
  padding-top: 26px;
  padding-bottom: 15px;
  text-align: center
}

.login-page .icon-smd {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin: 0 9px 0 8px;
  float: none;
  line-height: 40px
}

.fb-icon {
  background: url(../images/svg/facebook.svg) 0 0 no-repeat
}

.gp-icon {
  background: url(../images/svg/google_plus.svg) 0 0 no-repeat
}

.li-icon {
  background: url(../images/svg/linked_in.svg) 0 0 no-repeat
}

.tw-icon {
  background: url(../images/svg/twitter.svg) 0 0 no-repeat
}

.login-page .or-text {
  text-align: center;
  font-family: 'DIN Bold';
  display: block;
  text-transform: uppercase;
  padding-bottom: 18px
}

.section-login-inner {
  background: url(../images/svg/login_shape_desktop.svg) 0 0 no-repeat;
  height: 600px;
  width: 478px
}

.section-login {
  padding: 45px 84px 60px 84px;
  width: 100%
}

.section-logo {
  margin-bottom: 20px;
  width: 100%;
  min-height: 110px
}

.logo-client {
  border-left: solid 1px #aeaeae;
  padding: 15px 0 0 20px;
  display: inline-block;
  vertical-align: top;
  width: 198px;
  min-height: 110px
}

.logo-ps {
  width: 70px;
  padding: 15px 0 14px 3px;
  display: inline-block;
  margin-right: 25px;
  text-align: left
}

.logo-ps img {
  width: 70px;
  height: 78px
}

.client-no-logo {
  min-height: 80px;
  text-align: center
}

.client-no-logo .logo-ps {
  width: 240px;
  padding: 33px 0 0 0;
  margin: 0
}

.client-no-logo .logo-ps img {
  width: 240px;
  height: 37px
}

.login-page .form-flied {
  margin-bottom: 20px
}

.login-page .lable-text {
  font-weight: 700;
  margin-bottom: 3px
}

.login-page .form-control {
  height: 50px;
  border: solid 1px #aeaeae;
  background-color: transparent;
  padding: 6px 18px
}

.remember-row {
  margin-top: 12px;
  margin-bottom: 20px
}

.remember-row .checkbox {
  margin: 2px 0 1px 0
}

.remember-row .checkbox label {
  padding-left: 8px;
  padding-top: 1px
}

.remember-row .checkbox label:before {
  width: 20px;
  height: 20px;
  margin-left: -20px;
  border-radius: 2px;
  margin-top: -1px;
  border: 1px solid #aeaeae
}

.remember-row .checkbox label:after {
  width: 19px;
  height: 19px;
  padding-left: 3px;
  padding-top: 0;
  margin-top: -1px
}

.remember-row label {
  font-family: 'DIN Regular';
  color: #494949
}

.remember-row .link {
  display: inline-block;
  text-decoration: none;
  margin-top: 4px;
  float: right
}

.remember-row .link:hover {
  text-decoration: underline
}

.login-account {
  margin-top: 6px;
  text-align: center;
  color: #494949
}

.login-account .link {
  color: #494949;
  margin-left: 5px;
  border-bottom: solid 1px #aeaeae;
  display: inline;
  padding-bottom: 4px
}

.login-account .link:hover {
  text-decoration: none
}

.login-page .btn {
  width: 100%;
  display: block;
  padding-top: 18px;
  padding-bottom: 20px;
  height: 50px
}

.remember-text {
  display: inline-block
}

.login-section-footer {
  padding: 40px 0 30px 0;
  text-align: center
}

.login-footer-logo {
  text-align: center;
  margin: 22px auto 15px;
  width: 220px;
  height: 32px
}

.login-footer-logo img {
  width: 218px;
  height: 32px
}

.copy-right {
  color: #fff;
  font-size: 12px;
  font-family: 'DIN Bold'
}

.copy-right span {
  margin-left: 5px
}

.forgot-password {
  display: none
}

.sign-up {
  display: none
}

.forgot-password {
  display: none
}

.change-password {
  display: none
}

.forgot-password .section-logo {
  margin-bottom: 0
}

.forgot-password .client-no-logo {
  margin-bottom: 20px
}

.forgot-details {
  width: 257px;
  margin: auto;
  padding-top: 62px;
  padding-bottom: 30px
}

.login-details .title {
  text-align: center;
  display: block;
  letter-spacing: .5px;
  font-size: 12px;
  margin-bottom: 12px
}

.forgot-details li {
  line-height: 17px;
  list-style: decimal
}

.change-password .section-logo {
  margin-bottom: 30px
}

.change-password .title {
  margin-bottom: 21px
}

.change-password .forgot-details {
  width: auto;
  padding: 13px 0 0 0
}

.change-password .forgot-details ul {
  padding-left: 10px
}

.change-password .forgot-details ul li {
  list-style: outside
}

.forgot-details h5 {
  margin: 0;
  padding: 0;
  font-family: 'DIN Regular'
}

.site-header {
  width: 100%;
}

.site-header-inner {
  position: relative;
  /*padding: 0 12.5px;*/
  background-color: #fff;
  height: 75px
}

.header-container {
  margin-right: 284px;
  margin-left: 21px
}

.site-logo {
  float: left;
  width: 125px;
  height: 63px;
  vertical-align: middle;
  margin-top: 6px
}

.bar-navigation {
  float: left
}

.bar-navigation li {
  display: block;
  position: relative;
  float: left
}

.bar-navigation li a {
  display: block;
  font-size: 12px;
  color: #777;
  padding: 30px 19px 30px 19px;
  text-transform: uppercase;
  font-family: 'DIN Bold';
  -webkit-transition: none;
  transition: none;
  line-height: 1.17;
  letter-spacing: .5px;
  float: left;
  max-height: 75px
}

.bar-navigation li.moreModules a {
  padding: 30px 2px 30px 2px
}

.bar-navigation .md24 {
  margin-left: 6px
}

.bar-navigation li.open a,
.bar-navigation li.open a.active,
.bar-navigation li.open a:active,
.bar-navigation li.open a:focus {
  background-color: #fff;
  position: relative;
  z-index: 103;
  -webkit-box-shadow: 0 -18px 16px 0 rgba(0, 0, 0, .18);
  box-shadow: 0 -18px 16px 0 rgba(0, 0, 0, .18)
}

.navigation .dropdown-menu {
  background-color: #fff;
  border-radius: 0 0 4px 4px;
  border: none;
  overflow: hidden;
  min-width: 144px;
  z-index: 101;
  -webkit-box-shadow: 0 5px 16px 0 rgba(0, 0, 0, .18);
  box-shadow: 0 5px 16px 0 rgba(0, 0, 0, .18)
}

.navigation .menu-icon {
  display: none
}

.navigation .dropdown-menu li {
  float: none
}

.bar-navigation li.moreModules>.alt-dropdown-menu>.alt-sub-menu>li>a {
  text-transform: uppercase;
  font-size: 12px;
  font-family: 'DIN Bold';
  color: #757575
}

.navigation .dropdown-menu li a {
  padding: 13px 20px;
  font-size: 12px;
  color: #777;
  display: block;
  box-shadow: 0 0 0;
  font-family: 'DIN Regular';
  text-transform: capitalize;
  float: none
}

.navigation .dropdown-menu li:last-child a {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px
}

.navigation li.active.open a {
  color: #777
}

.navigation li.dropdown-menu-1 a {
  min-width: 144px
}

.navigation li.dropdown-menu-1 .dropdown-menu {
  min-width: 144px
}

.navigation .dropdown-menu-2 .dropdown-menu {
  border-radius: 0 4px 4px 4px
}

.navigation .dropdown-menu-2 .dropdown-menu li:first-child a {
  border-top-right-radius: 5px
}

.navigation li.dropdown-menu-3 a {
  min-width: 145px
}

.navigation li.dropdown-menu-3 .dropdown-menu {
  min-width: 145px
}

.navigation .bar-navigation .dropdown-menu li.active a,
.navigation .bar-navigation .dropdown-menu li:active a,
.navigation .bar-navigation .dropdown-menu li:focus a,
.navigation .bar-navigation .dropdown-menu li:hover a {
  background-color: #f5f5f5;
  font-family: 'DIN Regular';
  -webkit-box-shadow: 0 0 0;
  box-shadow: 0 0 0
}

.creat-job-btn-outer {
  padding-top: 18px;
  padding-left: 14px;
  float: left
}

.creat-job-btn-outer .btn-default {
  color: #fff;
  padding-left: 15px;
  padding-right: 18px;
  padding-top: 11px;
  padding-bottom: 13px
}

.creat-job-btn-outer .btn-default .dp10 {
  margin-right: 1px;
  margin-top: 3px;
  float: left
}

.live-search-block {
  float: right;
  padding-top: 24px
}

.live-search-block .fl-right {
  margin-left: 25px
}

.icon-top-block {
  float: left;
  position: relative;
  text-align: center
}

.icon-top-block .material-icons {
  height: 19px;
  line-height: 20px;
  display: block
}

.icon-top-block .applied-for-icons {
  height: 22px;
  width: 18px;
  display: block;
  text-align: center;
  margin: 2px auto 0;
  background: url(../images/svg/applied_for.svg) 0 0 no-repeat
}

.options-block .icon-top-block .material-icons {
  margin-bottom: 2px
}

.options-block .notification,
.notification {
  min-width: 27px;
  right: -3px;
  background: #ed0c0c
}

.filter-click .notification
 {
  min-width: 27px;
  right: -22px !important;
  background: #ed0c0c
}


.notification {
  border-radius: 40px;
  color: #fff;
  height: 17px;
  line-height: 1.17;
  min-width: 23px;
  text-align: center;
  display: inline-block;
  position: absolute;
  right: -2px;
  top: -4px;
  z-index: 1;
  font-size: 12px;
  font-family: 'DIN Bold';
  padding: 1px 2px
}

.search-btn {
  padding: 0;
  margin: 0;
  background: 0 0;
  border: none;
  cursor: pointer
}

.search-form-top {
  float: right;
  margin-left: 22px;
  text-align: center;
  margin-right: 2px
}

.font8 {
  display: block;
  font-size: 8px;
  line-height: 2;
  letter-spacing: .5px;
  text-transform: uppercase
}

.header-right {
  width: 240px;
  margin: 0 19px 0 20px;
  position: absolute;
  right: 12.5px;
  top: 0
}

.header-right-inner {
  padding: 15px 10px 0 10px;
  background-color: #fff;
  position: relative;
  z-index: 100;
  height: 74px;
  /*-webkit-box-shadow: 0 3px 4px 0 rgba(150, 194, 236, .49);
  box-shadow: 0 3px 4px 0 rgba(150, 194, 236, .49)*/
}

.profile-block {
  float: right;
  position: relative;
  margin-top: 0px;
  padding-right: 20px;
}
.profile-block .mdi {
  position: absolute;
  font-size: 24px;
  cursor: pointer;
  color: #777 !important;
  right: -5px;
  top: 50%;
  transform: translate(0px, -50%);
}
.profile-img {
  width: 50px;
  height: 50px;
  max-height: 50px;
  max-width: 50px;
  border-radius: 50%
}

.profile-img .initial {
  width: 50px;
  height: 50px;
  max-height: 50px;
  max-width: 50px;
  border-radius: 50%;
  background: #777;
  color: #fff;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 26px;
  line-height:48px;
}

.profile-img img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.crown {
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  right: -12px;
  top: 50%;
  margin-top: -15px
}

.crown img {
  width: 30px;
  height: 30px
}

.card-flip-block .crown img {
  width: 50px;
  height: 50px
}

.options-block {
  float: right;
  /*width: 120px;*/
  padding-top: 9px;
  margin: -5px 0
}

.icon-top-block a,
.search-top-btn {
  color: #aeaeae
}

.icon-top-block a:hover .icon-top-block a:focus,
.search-top-btn:focus,
.search-top-btn:hover {
  color: #aeaeae
}

.options-block .icon-top-block {
  width: 58px;
  margin-bottom: 5px;
  margin-top: 5px;
  min-height: 34px;
  margin-right: 20px;
}

.options-block .icon-top-block .font8 {
  display: block;
  line-height: inherit !important;
  padding-top: 5px
}

.options-block .icon-top-block a {
  display: inline-block
}

.task-view {
  position: absolute;
  z-index: 100;
  right: 140px;
  top: 60px;
  padding: 5px 0;
  background-color: #fff;
  display: block;
  border: solid 1px #dae8f5;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 16px 0 rgba(0, 0, 0, .18);
  box-shadow: 0 5px 16px 0 rgba(0, 0, 0, .18)
}

.task-view ul {
  width: 370px !important;
  max-height: 260px;
  overflow: auto;
  display: block
}

.task-view:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: solid 15px transparent;
  border-right: solid 15px transparent;
  border-bottom: solid 18px #dae8f5;
  position: absolute;
  top: -18px;
  right: 30px
}

.task-view:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: solid 14px transparent;
  border-right: solid 14px transparent;
  border-bottom: solid 17px #fff;
  position: absolute;
  top: -17px;
  right: 31px
}

.task-view li a {
  display: block;
  padding: 8px 15px;
  font-size: 14px;
  font-family: 'DIN Regular';
  line-height: 14px;
  text-transform: capitalize
}

.task-view li.active a {
  background: #ecf6ff
}

.task-view li+li {
  border-top: solid 1px #dae8f5
}

.task-view li a .task-list-title {
  height: 20px;
  line-height: 20px
}

.task-view li a .task-list-text {
  color: #777;
  font-size: 12px
}

.open-task .task-view {
  display: block
}

.pending-counts {
  display: inline-block;
  min-width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  font-size: 12px;
  background: #d43f41;
  border-radius: 50%;
  margin: 0 5px;
  padding: 0 2px
}

.more-options,
.quick-options {
  padding-top: 5px;
  padding-bottom: 15px;
  position: absolute;
  z-index: 5;
  right: 0;
  top: 122px;
  width: 240px;
  background-color: #fff;
  display: block;
  border-radius: 0 0 5px 5px;
  -webkit-box-shadow: 0 5px 16px 0 rgba(0, 0, 0, .18);
  box-shadow: 0 5px 16px 0 rgba(0, 0, 0, .18)
}

.more-options li,
.quick-options li {
  display: block
}

.more-options li a {
  display: block;
  padding-top: 13px;
  padding-bottom: 12px;
  padding-left: 14px;
  font-size: 12px;
  font-family: 'DIN Regular';
  color: #777;
  line-height: 14px;
  text-transform: capitalize
}

.quick-options li a {
  display: block;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 14px;
  font-size: 14px;
  font-family: 'DIN Regular';
  line-height: 14px;
  text-transform: capitalize
}

.more-options li.active a,
.quick-options li.active a {
  background-color: #f5f5f5;
  color: #777;
  font-family: 'DIN Bold'
}

.more-options .dp22 {
  margin-right: 14px;
  vertical-align: middle;
  height: 16px;
  line-height: 16px;
  width: 22px;
  color: #aeaeae;
  float: left;
  display: block
}

.more-options .mdi-chevron-down {
  margin-right: 20px;
  float: right;
  margin-top: 2px
}

.more-options li.active .mdi-chevron-down:before {
  content: "\F143"
}

.sub-options {
  display: none
}

.active .sub-options {
  background-color: #f5f5f5;
  display: block
}

.active .sub-options li a {
  padding-left: 52px;
  font-family: 'DIN Regular'
}

.sub-options li.active a {
  font-family: 'DIN Bold'
}

.show-quick-links .quick-options {
  display: block
}

.show-open .more-options {
  display: block
}
.userinfoBlock {
  position: absolute;
  display: none;
  z-index: 5;
  top: 75px;
  width: 240px;
  right: 0px;
  background-color: #fff;
  padding:10px 0px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-box-shadow: 0px 6px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0px 6px 5px 0 rgba(0, 0, 0, 0.1);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.userinfoBlock.open {
right: 0px;
display: block;
}

.site-width {
  max-width: 1366px;
  margin: 0 auto
}

.layout-main {
  padding: 0
}


.main-container {
  padding: 0px;
  width: 100%;
  position: relative
}

.layout-main:after,
.layout-main:before,
.main-container:after,
.main-container:before,
.site-width:after,
.site-width:before {
  content: "";
  display: table;
  clear: both;
  visibility: hidden
}

.container-inner {
  padding-right: 20px;
  padding-left: 20px;
}

.contents {
  padding: 0;
  width: 100%
}

.right-sidebar {
  width: 240px;
  display: table-cell;
  vertical-align: top;
  padding-top: 46px;
  background-color: #494949
}

.alt-recruit {
  background: url(../images/svg/rhs_logo.svg) 0 0 no-repeat;
  height: 89px;
  width: 62px;
  display: block;
  margin: 20px auto
}

.layout-right-sidebar .main-container {
  display: inline-table
}

.layout-right-sidebar .contents {
  padding-right: 40px;
  padding-left: 20px;
  display: table-cell;
  width: 80.6%;
  padding-top: 10px
}

.layout-right-sidebar .container-inner {
  padding: 0 19px 0 0
}

.title-row {
  /*padding-right: 260px;*/
  margin-bottom: 5px
}

.layout-right-sidebar .title-row {
  padding-right: 0
}

.title-row>.main-title {
  letter-spacing: -.5px;
  margin-bottom: 15px;
  padding-top: 15px;
  padding-bottom: 12px;
  line-height: 18px;
  border-color: #e4d8e7;
  position: relative;
  font-family: 'DIN Bold';
  min-height: 40px
}

.alt-main-title-text {
  text-transform: capitalize
}

.title-row .main-title>.title_right_fields {
  font-family: inherit;
  font-size: inherit
}

.title_right_fields {
  position: absolute;
  display: inline-block;
  top: 5px;
  right: 0;
  padding-left: 15px
}

.title-row .dropdown-block {
  display: block;
  float: right
}

.title-row .dropdown-block .dropdown {
  margin: 0 0 0 10px;
  float: right
}

.position-none {
  position: inherit;
  margin-right: 12px
}

.title-row .dropdown-block .text-dropdown {
  width: 96px;
  float: left
}

.title-row .dropdown-button {
  padding-right: 15px;
  padding-left: 12px
}

.card-flip-profile .card-block-inner {
  background-color: #494949
}

.card-flip-profile .card-flip-details .card-block-inner {
  padding: 10px
}

.card-flip-profile h2.text-cell {
  color: #ee3e80;
  font-size: 28px;
  line-height: 26px;
  text-transform: inherit;
  margin-bottom: 8px
}

.card-flip {
  padding: 0
}

.card-flip .btn {
  padding-left: 11px;
  padding-right: 11px
}

.designation-cell {
  color: #adadad;
  padding-top: 1px
}

.designation-cell a {
  text-transform: capitalize;
  color: #adadad
}

.card-flip .designation-cell:hover a {
  color: #6da4d8
}

.card-block-inner,
.card-flip .card-block-inner {
  padding: 25px;
  position: relative;
  height: 375px;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1)
}

.card-flip-top {
  height: 78px
}

.card-flip-middle {
  height: 202px;
  display: table-cell;
  vertical-align: bottom
}

.card-flip-profile .card-flip-top {
  height: 100px
}

.card-flip-profile .card-flip-middle {
  height: 180px
}

.card-flip-block .profile-block {
  margin-top: 0;
  margin-left: 2px
}

.card-flip-block .crown {
  width: 50px;
  height: 50px;
  line-height: 50px;
  right: -34px;
  top: 33px
}

.card-flip-block .crown.material-icons {
  font-size: 30px
}

.card-flip-block h2 {
  font-size: 24px;
  line-height: 23px;
  margin: 0;
  letter-spacing: -.4px
}

.card-flip-block .text-bold-cell {
  color: #adadad
}

.card-flip-block .listing-inline {
  color: #6c6c6c;
  padding-top: 10px;
  padding-bottom: 15px
}

.card-flip-block .listing-inline li {
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #494949;
  line-height: 14px
}

.card-flip-bottom {
  position: absolute;
  left: 25px;
  right: 25px;
  bottom: 25px;
  z-index: 1
}

.card-flip-details .card-flip-bottom {
  left: 15px;
  right: 15px;
  bottom: 15px
}

.card-flip-details .listing-inline li {
  padding-right: 3px
}

.card-flip-details .profile-graph {
  margin-right: 6px
}

.card-flip-bottom .btn-white {
  /*border: none;*/
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1)
}

.card-flip-details .card-name-row {
  padding-top: 0;
  height: 68px
}

.awards-block {
  padding: 0
}

.awards-block li {
  margin: 10px;
  float: left
}

.awarda-cell {
  width: 64px;
  height: 64px;
  display: block
}

.group-icon {
  width: 64px;
  height: 64px;
  display: block
}

.card-flip-details-inner {
  margin: -25px;
  padding-top: 12px;
  height: 350px;
  overflow: hidden
}

.card-flip-details-inner .card-row {
  padding-top: 6px;
  padding-bottom: 11px
}

.card-flip-details-inner .card-team-row {
  padding-top: 5px;
  padding-bottom: 6px
}

.card-flip-details-inner .ver-row {
  padding-top: 6px;
  padding-bottom: 9px
}

.card-flip-details-inner .card-profile-row {
  border-top: solid 1px #e3e3e3;
  padding-top: 0;
  padding-bottom: 0
}

.card-flip-details .source-row {
  border-top: solid 1px #e3e3e3;
  border-bottom: solid 2px #e3e3e3;
  padding-bottom: 5px
}

.card-flip-details-inner .card-designation {
  height: 46px;
  padding-top: 1px
}

.card-flip-details-inner .card-designation-small {
  padding-top: 6px;
  padding-bottom: 7px
}

.card-flip-details-inner .table-data-ul li {
  padding-bottom: 8px
}

.table-padding .table-data-ul li {
  padding-bottom: 7px
}

.card-flip-listing {
  padding-top: 0;
  margin-top: -3px
}

.card-flip-listing li {
  border-bottom: solid 2px #e3e3e3;
  padding-left: 20px;
  padding-right: 0;
  padding-top: 8px;
  padding-bottom: 12px
}

.card-flip-left {
  width: 40px;
  padding-right: 10px;
  float: left
}

.card-flip-left .dp18 {
  height: 20px;
  line-height: 20px;
  display: block
}

.description-cell {
  width: 82.1%;
  float: left
}

.card-flip-listing .text-bold-cell {
  margin-bottom: 3px
}

.card-flip-listing .profile-graph {
  margin-left: -5px;
  margin-right: 10px;
  margin-top: 2px
}

.card-flip-listing .text-cell {
  padding-top: 2px
}

.flip-cell {
  display: block;
  padding-top: 3px
}

.profile-mng {
  margin: 0 10px !important
}

.btn-dashboard {
  position: relative;
  margin-top: -10px;
  padding-bottom: 30px
}

.btn-dashboard .btn {
  display: block
}

.btn-dashboard .start-here {
  font-size: 18px;
  padding-top: 8px
}

.btn-dashboard-hover {
  margin-left: -20px;
  margin-right: -20px;
  position: relative;
  margin-top: -40px;
  display: none;
  z-index: 1010
}

.btn-dashboard-hover .btn-outer {
  width: 25%;
  float: left
}

.btn-dashboard-hover .btn {
  margin-left: 20px;
  margin-right: 20px
}

.btn-dashboard-show .module-true {
  display: block
}

.btn-dashboard-show .btn-dashboard-hover {
  display: block
}

.filter-by-block {
  margin-bottom: 8px
}
.section-filter {
  margin-bottom: 20px;
}
.sort-by-block {
  margin-top: 3px;
  margin-bottom: 3px
}

.applied-filters-block {
  margin-top: 7px
}

.applied-filters-block .applied-outer,
.applied-filters-block .filter-cell {
  padding-top: 0
}

.dropdown-block {
  display: table-cell
}

.dropdown-block .dropdown {
  float: left;
  margin-bottom: 7px;
  margin-right: 5px
}

.filter-cell {
  width: 82px;
  text-transform: uppercase;
  font-family: 'DIN Bold';
  padding-top: 8px;
  display: table-cell;
  vertical-align: top;
  letter-spacing: 1px
}

.filter-cell .md24 {
  margin-top: 1px;
  color: #aeaeae
}

.filter-cell .icon-filter {
  width: 16px;
  height: 18px;
  display: none;
  margin-right: 5px;
  margin-top: 2px
}

.filter-cell .filter-mobile {
  background: url(../images/default_icons/filter.svg) 0 0 no-repeat;
  background-size: 16px auto
}

.filter-cell .sort-mobile {
  background: url(../images/default_icons/sort.svg) 0 0 no-repeat;
  background-size: 16px auto
}

.sort-by-block .dropdown-block {
  top: -3px
}

.dropdown-button {
  padding-top: 11px;
  padding-bottom: 13px;
  padding-left: 11px;
  padding-right: 7px;
  border-radius: 5px;
  background-color: transparent;
  float: left;
  text-transform: uppercase;
  border: solid 1px #aeaeae;
  color: #777;
  line-height: 14px;
  letter-spacing: .5px;
  font-size: 12px;
  font-family: 'DIN Regular'
}

.dropdown-button .mdi {
  color: #aeaeae;
  float: right;
  line-height: 15px
}

.dropdown-button .mdi:before {
  display: inherit
}

.dropdown-button:hover {
  color: #777
}

.dropdown-button .text-dropdown {
  padding-right: 24px;
  height: 16px;
  overflow: hidden;
}

.dropdown-block {
  padding: 0
}

.active .dropdown-button {
  background-color: #f5f5f5;
  border: solid 1px #f5f5f5
}

.open>.dropdown-button .mdi-chevron-down:before {
  color: #aeaeae
}

.open>.dropdown-button {
  color: #777
}

.open .mdi-chevron-down:before {
  content: "\F143"
}

.open>.dropdown-button {
  border-radius: 4px 4px 0 0;
  border: solid 1px #f5f5f5;
  -webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .18);
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .18)
}

.dropdown-style {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  padding: 0 0 12px 0;
  margin: 0;
  font-size: 12px;
  text-align: left;
  list-style: none;
  background-color: #f5f5f5;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0 0 4px 4px;
  border: none;
  -webkit-box-shadow: 0 7px 6px rgba(0, 0, 0, .18);
  box-shadow: 0 7px 6px rgba(0, 0, 0, .18)
}

.dropdown-style li a {
  display: block;
  padding-top: 12px;
  padding-left: 12px;
  padding-right:12px;
  padding-bottom: 14px;
  cursor: pointer;
  line-height: 14px;
  text-transform: capitalize;
  clear: both;
  color: #777
}

.dropdown-style li a {
  font-family: 'DIN Regular'
}

.dropdown-style li:focus a,
.dropdown-style li:hover a {
  color: #777;
  text-decoration: none;
  font-family: 'DIN Regular';
  background-color: #fff
}

.dropdown-style li.active a {
  background-color: #fff;
  outline: 0;
  font-family: 'DIN Bold'
}

.dropdown-button .fa {
  color: #aeaeae
}

.open>.dropdown-style {
  display: block
}

/* .dropdown-list {
  display: none
} */

.open>.dropdown-list {
  display: block
}

.dropdown-1 {
  width: 100%;
  min-width: inherit;
  padding-top: 9px
}

.dropdown-1 li label {
  font-family: 'DIN Regular';
  line-height: 14px
}

.dropdown-1 li.active label {
  font-family: 'DIN Bold'
}

.dropdown-1 .checkbox {
  padding-left: 0
}

.dropdown-1 .checkbox .styled,
.dropdown-1 .checkbox label:after,
.dropdown-1 .checkbox label:before {
  padding: 0;
  display: none
}

.dropdown-1 .checkbox label {
  min-height: 21px
}

.dropdown-1 .checkbox label::before {
  margin-left: -22px
}

.dropdown-1 .checkbox label::after {
  padding-top: 0
}

.dropdown-2 {
  width: 100%
}

.dropdown-2 li:first-child {
  border-radius: 0
}

.dropdown-2 .heading {
  font-family: 'DIN Bold';
  text-transform: uppercase;
  padding: 10px 0 11px 0;
  text-align: center;
  cursor: default;
  line-height: 14px
}

.dropdown-2 .heading:hover {
  background-color: transparent
}

.dropdown-2 li {
  display: block;
  padding-top: 11px;
  padding-left: 15px;
  padding-bottom: 11px;
  cursor: pointer;
  line-height: 14px;
  text-transform: capitalize;
  clear: both
}

.dropdown-2 li:focus,
.dropdown-2 li:hover {
  color: #777;
  text-decoration: none;
  background-color: #fff;
  font-family: 'DIN Regular'
}

.dropdown-2 li.active {
  background-color: #fff;
  outline: 0;
  font-family: 'DIN Bold'
}

.dropdown-2 li.active label {
  font-family: 'DIN Bold'
}

.dropdown-2 li label {
  font-family: 'DIN Regular';
  line-height: 14px;
  padding-left: 15px
}

.dropdown-2 .checkbox label,
.dropdown-2 .radio label {
  min-height: 17px
}

.dropdown-3 {
  width: 174px;
  border-radius: 0 5px 5px 5px
}

.dropdown-3 .job-status {
  margin-right: 20px
}

.dropdown-3 li:first-child {
  border-radius: 0 5px 0 0
}

.dropdown-6 {
  padding-top: 7px;
  padding-bottom: 10px;
  width: 100%;
  border-radius: 0 0 4px 4px
}

.dropdown-6 li a {
  color: #777;
  padding: 12px 10px
}

.dropdown-6 li:focus,
.dropdown-6 li:hover {
  background-color: transparent
}

.dropdown-6 li.active {
  background-color: transparent;
  font-family: 'DIN Regular'
}

.dropdown-7 {
  width: 302px;
  border-radius: 0 5px 5px 5px
}

.dropdown-7 li {
  padding: 0;
  background-color: transparent !important
}

.dropdown-7 li:first-child a {
  border-top-right-radius: 5px
}

.dropdown-7 li a {
  padding-top: 12px;
  padding-left: 20px;
  padding-bottom: 11px
}

.sub-dropdown-7 {
  background-color: #fff;
  width: 134px;
  padding-left: 15px;
  padding-top: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px
}

.sub-dropdown-7:after {
  background-color: red;
  position: absolute;
  content: '';
  left: -40px;
  width: 40%
}

.dropdown-7 .mdi {
  display: none;
  float: right;
  margin-right: 10px
}

.dropdown-7 .mdi-chevron-down:before {
  content: "\F140";
  color: #aeaeae
}

.dropdown-7 .open .mdi-chevron-down:before {
  content: "\F143";
  color: #777
}

.dropdown-7 .active .mdi-chevron-down:before {
  content: "\F143";
  color: #777
}

.dropdown-7 .active .sub-dropdown-7 {
  display: block
}

.dropdown-7 .sub-dropdown-7 li {
  width: 100%;
  padding-top: 8px;
  padding-bottom: 9px
}

.dropdown-7>.active>a,
.dropdown-7>.active>a:focus,
.dropdown-7>.active>a:hover {
  color: #777;
  background-color: #fff
}

.sub-dropdown-7 .checkbox label {
  padding-left: 10px;
  line-height: 15px
}

.sub-dropdown-7 .checkbox label:after {
  padding-top: 0
}

.sub-dropdown-7 .checkbox label {
  font-family: 'DIN Regular'
}

.sub-dropdown-7 .checkbox input[type=checkbox]:checked+label::before,
.sub-dropdown-7 .checkbox input[type=radio]:checked+label::before {
  background-color: #777;
  border-color: #777
}

.sub-dropdown-7 .checkbox input[type=checkbox]:checked+label::after,
.sub-dropdown-7 .checkbox input[type=radio]:checked+label::after {
  color: #fff
}

.sub-dropdown-7 li.actives label {
  font-family: 'DIN Bold'
}

.dropdown-8 {
  width: 235px;
  padding: 10px 0;
  border-radius: 0 5px 5px 5px
}

.dropdown-8 .search-block {
  background-color: #fff;
  margin: 15px
}

.dropdown-8 .job-status {
  float: left;
  margin-right: 20px;
  margin-top: 3px
}

.dropdown-8 li a {
  padding-top: 10px;
  padding-bottom: 12px;
  color: #494949
}

.dropdown-8 .vertical-scrollbox {
  height: 263px
}

.dropdown-8 li.active .name-cell {
  font-family: 'DIN Bold'
}

.dropdown-8 li.active .text-nowrap-grad:before {
  background-color: #fff;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff, #fff);
  background: linear-gradient(left, rgba(255, 255, 255, 0), #fff, #fff)
}

.open .dropdown-8 .btn {
  border-radius: 0
}

.dropdown-9 {
  width: 285px;
  padding-bottom: 18px;
  border-radius: 0 5px 5px 5px
}

.dropdown-9 .search-block {
  background-color: #fff;
  margin: 15px
}

.dropdown-9 .vertical-scrollbox {
  height: 271px
}

.dropdown-9 li {
  padding: 7px 15px 12px;
  height: 70px
}

.dropdown-9 li.active {
  background-color: #fff
}

.dropdown-9 li .name-cell {
  min-height: inherit;
  padding-left: 10px;
  padding-top: 3px;
  line-height: 14px
}

.dropdown-9 li.active .name-cell {
  font-family: 'DIN Bold'
}

.dropdown-9 .open .dropdown-button {
  border-radius: 5px 0 5px 0;
  -webkit-box-shadow: 0 5px 16px 0 rgba(0, 0, 0, .18);
  box-shadow: 0 5px 16px 0 rgba(0, 0, 0, .18)
}

.dropdown-9 .job-code {
  display: block;
  padding-left: 10px;
  color: #777
}

.dropdown-9 .text-cell {
  padding: 1px 0 0 10px;
  line-height: 16px;
  letter-spacing: .5px
}

.dropdown-9 .checkbox label:after {
  padding-top: 4px
}

.dropdown-9 .checkbox label:before {
  top: 3px
}

.dropdown-9 .star-rating-block {
  padding: 4px 0 0 10px
}

.clear-all {
  display: block;
  padding: 17px 0 9px 15px;
  line-height: 14px;
  letter-spacing: .5px
}

.dropdown-10 li {
  padding: 0
}

.dropdown-10 li:hover {
  background-color: transparent
}

.dropdown-10 li a {
  color: #fff
}

.dropdown-10 li.active a,
.dropdown-10 li:active a,
.dropdown-10 li:focus a,
.dropdown-10 li:hover a {
  background-color: #777;
  color: #fff
}

.dropdown-L11 {
  width: 100%;
  padding-bottom: 18px;
  border-radius: 0 0 5px 5px
}

.dropdown-150 {
  width: 150px;
  border-radius: 0 5px 5px 5px
}

.dropdown-250 {
  width: 250px !important;
  border-radius: 0 5px 5px 5px
}

.dropdown-L11 .search-block {
  background-color: #fff;
  margin: 15px
}

.dropdown-L11 .job-status {
  display: block;
  margin-right: 20px;
  margin-top: 3px
}

.dropdown-L11 .vertical-scrollbox {
  height: 271px
}

.dropdown-L11 li {
  padding: 6px 15px 14px
}

.dropdown-L11 li.active {
  background-color: #fff
}

.dropdown-L11 li:last-child {
  border-radius: 0
}

.dropdown-L11 li .name-cell {
  min-height: inherit;
  padding-left: 10px;
  padding-top: 3px;
  line-height: 14px
}

.dropdown-L11 li.active .name-cell {
  font-family: 'DIN Bold'
}

.popup-cell-1.open .dropdown-button {
  border-radius: 5px 0 5px 0;
  -webkit-box-shadow: 0 5px 16px 0 rgba(0, 0, 0, .18);
  box-shadow: 0 5px 16px 0 rgba(0, 0, 0, .18)
}

.open .dropdown-L11 .btn {
  border-radius: 0
}

.dropdown-L11 .job-code {
  display: block;
  padding-left: 9px
}

.dropdown-L11 .checkbox label:after {
  padding-top: 4px
}

.dropdown-L11 .checkbox label:before {
  top: 3px
}

.dropdown-11 {
  float: left;
  width: 66px
}

.dropdown-11 .dropdown-menu {
  margin: 0;
  padding: 0 0 12px 0
}

.dropdown-11 li a {
  padding-left: 13px
}

.dropdown-11 .dropdown-menu>li>a:focus,
.dropdown-11 .dropdown-menu>li>a:hover {
  background-color: #fff
}

.dropdown-11 .dropdown-menu>.active>a,
.dropdown-11 .dropdown-menu>.active>a:focus,
.dropdown-11 .dropdown-menu>.active>a:hover {
  background-color: #fff
}

.dropdown-11 .btn {
  font-family: 'DIN Regular';
  background-color: #f5f5f5;
  border: 0;
  padding-top: 11px;
  padding-bottom: 14px;
  -webkit-box-shadow: 0 2px 3px 0 transparent;
  box-shadow: 0 2px 3px 0 transparent
}

.dropdown-11 .bootstrap-select.btn-group .dropdown-toggle .caret {
  display: inline-block;
  font-family: Material Design Icons;
  font-size: 26px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  border: none;
  top: 4px;
  left: inherit;
  right: 30px;
  color: #aeaeae
}

.dropdown-11 .bootstrap-select.btn-group .dropdown-toggle .caret:before {
  content: "\f140"
}

.dropdown-11 .btn-group.bootstrap-select.open {
  z-index: 1000
}

.dropdown-11 .btn-group>.btn:first-child {
  padding-left: 13px
}

.dropdown-11 .btn-group {
  width: 100% !important
}

.dropdown-11 .btn-default.active,
.dropdown-11 .btn-default:active,
.dropdown-11 .open>.dropdown-toggle.btn-default {
  color: #777;
  border-radius: 5px 5px 0 0;
  background-color: #f4f4f4;
  -webkit-box-shadow: 0 5px 16px 0 rgba(0, 0, 0, .18);
  box-shadow: 0 5px 16px 0 rgba(0, 0, 0, .18)
}

.dropdown-11 .bootstrap-select.btn-group .dropdown-menu {
  top: 100%;
  overflow: visible !important;
  max-height: inherit !important;
  min-height: inherit !important;
  overflow-y: inherit !important
}

.bootstrap-select.btn-group .dropdown-menu.inner {
  overflow: visible !important;
  max-height: inherit !important;
  min-height: inherit !important;
  overflow-y: inherit !important
}

.dropdown-11 .bootstrap-select .filter-option.pull-left {
  color: #777
}

.dropdown-11 .btn.dropdown-toggle {
  text-transform: capitalize;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #777;
  background-color: #f5f5f5;
  margin-bottom: 0
}

.dropdown-11 .bootstrap-select.btn-group .dropdown-toggle .caret {
  color: #aeaeae;
  top: 8px;
  font-size: 24px
}

.menu-style {
  padding-top: 26px;
  padding-bottom: 10px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1000;
  background-color: #fff;
  border-radius: 5px;
  display: none;
  -webkit-box-shadow: 0 5px 16px 0 rgba(0, 0, 0, .18);
  box-shadow: 0 5px 16px 0 rgba(0, 0, 0, .18)
}

.close {
  font-size: 24px;
  position: absolute;
  right: 5px;
  top: 10px;
  z-index: 100;
  cursor: pointer;
  color: #777;
  height: 15px;
  line-height: 15px
}

.menu-click {
  cursor: pointer
}

.menu-style .dropdown-menu {
  width: 100%;
  position: static;
  display: block;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0;
  box-shadow: 0 0 0
}

.menu-style .dropdown-menu {
  border-radius: 0
}

.menu-style-1 {
  width: 174px
}

.menu-style-1 li a {
  white-space: nowrap;
  overflow: hidden;
  position: relative
}

.menu-style-1 li a:before {
  background-color: #fff;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff, #fff);
  background: linear-gradient(left, rgba(255, 255, 255, 0), #fff, #fff);
  padding: 15px 0 9px 35px;
  position: absolute;
  right: -13px;
  content: ''
}

.menu-style-1 li a:focus,
.menu-style-1 li a:hover {
  color: #777;
  background-color: transparent
}

.menu-style-1 .active a,
.menu-style-1 .active a:focus,
.menu-style-1 .active a:hover {
  background-color: #f5f5f5
}

.menu-style-1 li.active a:before {
  background-color: #f5f5f5;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #f5f5f5, #f5f5f5);
  background: linear-gradient(left, rgba(255, 255, 255, 0), #f5f5f5, #f5f5f5)
}

.menu-style-1 li .menu-style-icon {
  width: 25px;
  font-size: 16px;
  margin-right: 10px;
  float: left;
  line-height: 16px;
  margin-top: 2px
}

.menu-style-1 .heading {
  font-family: 'DIN Bold';
  text-transform: uppercase;
  padding: 4px 0 11px 0;
  cursor: default;
  line-height: 14px;
  text-align: center
}

.menu-style-1 .divider {
  margin: 10px 0;
  height: 2px;
  border: solid 1px #e3e3e3
}

.menu-style-1 .job-status {
  margin-right: 25px
}

.menu-style-4 {
  width: 194px;
  display: none;
  overflow: hidden
}

.menu-style-4 .dropdown-menu {
  border-radius: 0
}

.menu-style-4 li {
  color: #262626;
  background-color: transparent;
  padding: 12px 15px 11px;
  border: none !important;
  display: block
}

.menu-style-4 li:last-child {
  border-radius: 0
}

.text-blue {
  color: #6da4d8
}

.position-rel {
  position: relative
}

.menu-style-5 {
  width: 100%;
  padding-top: 0;
  padding-bottom: 15px
}

.menu-style-5 .hiring-team-list {
  border-top: solid 1px #e3e3e3;
  border-bottom: 0
}

.menu-style-5 .hiring-team-list-top {
  border: 0;
  padding-left: 15px
}

.dropdown-filter-block {
  padding: 0;
  position: relative
}

.dropdown-filter-block>.dropdown {
  float: left
}

.dropdown+.dropdown {
  margin-left: 5px
}

.add-new-fillter {
  float: left;
  position: relative;
  margin-left: 17px;
  cursor: pointer
}

.arrow-doted {
  width: 30px;
  height: 30px;
  border: 1px dashed #777;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: -11px;
  z-index: 10;
  border-radius: 4px
}

.arrow-doted-cover {
  top: 50%;
  margin-top: -15px;
  left: -10px;
  width: 30px;
  height: 30px;
  border: 1px dashed transparent;
  position: absolute;
  background-color: #e3e3e3;
  z-index: 30;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 4px
}

.arrow-doted-outer {
  width: 162px;
  height: 40px;
  background-color: #e3e3e3;
  z-index: 20;
  position: relative;
  border-top: 1px dashed #777;
  border-bottom: 1px dashed #777;
  border-left: 1px dashed #777;
  border-right: 1px dashed #777;
  border-radius: 4px
}

.arrow-doted-inner {
  display: block;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-transform: uppercase;
  color: #777;
  margin-left: 0;
  letter-spacing: 1px
}

.arrow-doted-inner .fa {
  font-size: 10px
}

.nav-btn-row {
  width: 100%;
  padding: 10px 15px
}

.nav-btn-row .btn {
  margin-left: 2px
}

.dropdown-calendar {
  padding-top: 10px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 11px;
  border-radius: 5px;
  float: left;
  text-transform: uppercase;
  border: solid 1px #aeaeae;
  position: relative
}

.cal-icon {
  margin-top: 1px;
  width: 15px;
  height: 15px;
  font-size: 15px;
  float: right;
  color: #aeaeae
}

.dropdown-calendar .form-control::-moz-placeholder {
  color: #494949;
  opacity: 1
}

.dropdown-calendar .form-control:-ms-input-placeholder {
  color: #494949
}

.dropdown-calendar .form-control::-webkit-input-placeholder {
  color: #494949
}

.dropdown-calendar .section-calendar {
  position: absolute;
  left: -1px;
  top: 38px;
  background-color: #f5f5f5;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  width: 220px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, .175);
  border-radius: 0 0 5px 5px;
  z-index: 101;
  display: none
}

.calendar-active {
  border: solid 1px #eaeaea;
  background-color: #f5f5f5;
  box-shadow: 0 5px 16px 0 rgba(0, 0, 0, .18);
  border-radius: 5px 5px 0 0;
  z-index: 101
}

.calendar-active .section-calendar {
  border-radius: 0 5px 5px 5px
}

.calendar-active .section-calendar {
  display: block
}

.dropdown-calendar .section-calendar .table tr th {
  color: #494949;
  border: none
}

.dropdown-calendar .section-calendar .table tr td {
  color: #777;
  border: none
}

.dropdown-calendar .section-calendar .table tr td.active {
  background-color: transparent;
  border-bottom: none;
  font-family: 'DIN Bold'
}

.dropdown-calendar .section-calendar .table tr td.day:hover,
.dropdown-calendar .section-calendar .table tr th.day:hover,
.dropdown-calendar .section-calendar .table tr th.old:hover {
  background-color: transparent !important;
  border-bottom: none;
  cursor: pointer
}

.module-calendar .module-true {
  display: block
}

.sort-by-block .divider-sort {
  font-family: 'DIN Bold';
  float: left;
  margin-right: 10px;
  margin-left: 5px;
  padding-top: 10px;
  font-size: 14px;
  font-weight: 700
}

.sort-label {
  font-weight: 400;
  margin: 0;
  font-family: 'DIN Regular';
  float: left;
  margin-right: 10px;
  color: #777;
  letter-spacing: .5px
}

.input-item {
  border: none;
  width: 70px;
  background: 0 0;
  height: 17px;
  padding: 0;
  float: left
}

.input-cell {
  border: none;
  width: 94px;
  background: 0 0
}

.applied-outer {
  display: table-cell;
  padding-top: 8px
}

.applied-text {
  padding-right: 0;
  cursor: pointer;
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-right: 13px
}

.gray-color {
  color: #777
}

.gray-color .applied-text,
.gray-color .fa {
  color: #777
}

.toggle-jobs-container {
  width: 100%;
  display: block
}

.toggle-jobs {
  border-bottom: solid 1px #aeaeae;
  position: relative;
  margin: 20px 0 19px 0
}

.toggle-element {
  float: right;
  margin-top: -10px;
  padding-left: 10px;
  text-transform: uppercase;
  color: #494949 !important;
  position: relative;
  z-index: 1;
  font-family: 'DIN Bold';
  letter-spacing: .5px;
  background-color: #e3e3e3
}

.toggle-element .md24 {
  margin-right: 9px
}

.card-pagination {
  padding-left: 20px;
  padding-top: 1px;
  min-height: 23px
}

.card-pagination .dropdown-L11 {
  margin-top: -2px
}

.pagination-text {
  float: left;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #777
}

.totale-num {
  display: inline-block;
  font-family: 'DIN Bold';
  color: #777
}

.card-pagination .dropdown-11 {
  float: left;
  width: 66px
}

.card-pagination .dropdown-11 .btn {
  padding: 0;
  height: 30px;
  border-radius: 0;
  margin-top: -8px;
  background-color: transparent;
  box-shadow: 0 0 0
}

.card-pagination .dropdown-11 .bootstrap-select .filter-option.pull-left {
  font-family: 'DIN Bold';
  color: #494949;
  margin-top: 3px
}

.card-pagination .dropdown-11 .bootstrap-select.btn-group .dropdown-toggle .caret {
  top: 5px;
  color: #494949
}

.section-card {
  /*margin-left: -20px;
  margin-right: -20px;*/
  max-width:1280px;
  padding:0 12.5px;
  margin:0 auto;
  margin-bottom: 30px;
}

.row {
  margin-left: -20px;
  margin-right: -20px
}

.card-1 {
  width: 100%
}

.card-2 {
  width: 50%
}

.card-3 {
  width: 33.333%
}

.card-4 {
  width: 25%
}
.card-3.card-merge-2 {
  width: 66.666%;
}
.card-block {
  float: left;
  line-height: 14px
}

.card-block-inner {
  background-color: #fff;
  border-radius: 6px;
  margin: 14px 18px 20px;
  position: relative;
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .07);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .07)
}

.card-1 .card-block-inner {
  background-color: #fff;
  padding: 15px;
  border-radius: 5px;
  margin: 15px 0;
  position: relative;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1)
}

.card-bg-none {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0;
  box-shadow: 0 0 0
}

.box-shadow-none {
  border-radius: 0;
  -webkit-box-shadow: 0 0 0;
  box-shadow: 0 0 0
}

.add-new-card {
  border-spacing: 5px;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  display: inline-table;
  border-collapse: separate
}

.add-new-card-inner {
  display: table-cell;
  vertical-align: middle;
  font-size: 12px;
  color: #494949;
  line-height: 14px;
  letter-spacing: .5px;
  border-radius: 5px;
  border: dashed 2px #aeaeae;
  font-family: 'DIN Bold';
  text-transform: uppercase;
  height: 143px
}

.add-card-click {
  cursor: pointer
}

.card-row {
  padding: 8px 10px 9px 10px;
  border-bottom: solid 1px #e3e3e3
}

.border-top {
  border-top: solid 1px #e3e3e3
}

.card-designation-small {
  font-size: 12px;
  height: 44px;
  padding-top: 8px;
  padding-bottom: 0
}

.card-designation-small .job-status {
  width: 8px;
  height: 8px;
  float: left;
  margin-top: 3px;
  margin-right: 5px
}

.card-top {
  padding-top: 6px;
  height: 31px;
  border-bottom: 0;
  padding-bottom: 0
}

.card-top .check-box {
  float: left;
  margin-top: 3px;
  margin-bottom: 0
}

.job-status {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  background-color: #f5a623;
  float: left;
  margin: 5px 5px 0 0
}

.job-active {
  background-color: #70cf00
}

.job-close {
  background-color: #ff4939
}

.job-pending {
  background-color: #fff;
  border: solid 2px #f5a623
}

.job-hold {
  background-color: #f5a623
}

.job-option {
  float: right
}

.more-icon {
  font-size: 30px;
  line-height: 24px;
  height: 20px;
  width: 15px;
  color: #777;
  display: block
}

.option-icon {
  font-size: 22px;
  line-height: 20px;
  width: 18px;
  color: #777
}

.card-designation {
  padding-top: 0;
  padding-bottom: 5px;
  height: 45px
}

.card-row .listing-inline {
  min-height: 28px
}

.listing-inline li {
  padding-right: 4px;
  margin-right: 2px;
  border-right: solid 1px #494949;
  line-height: 12px;
  display: inline-block;
  text-transform: capitalize;
  font-size: 12px;
  color: #494949
}

.listing-inline li.last-child {
  padding-right: 0;
  margin-right: 0;
  border: none
}

.inline-item {
  line-height: 14px;
  border-right: 1px #494949 solid;
  padding-right: 3px
}

.last-item {
  border-right: none
}

.job-code {
  text-transform: capitalize;
  font-size: 12px;
  color: #494949;
  font-family: 'DIN Regular';
  line-height: 14px;
  letter-spacing: normal;
  padding-left: 2px
}

.image-block {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  float: left;
  background: #e3e3e3;
  margin-right: 10px;
  overflow: hidden
}

.image-block img {
  width: 100%;
  height: 100%
}

.hiring-team-list {
  position: relative;
  padding: 6px 10px 3px 10px;
  border-bottom: solid 2px #e3e3e3
}

.hiring-team-list .icon-block {
  display: inline-block;
  top: 10px;
  position: absolute;
  float: right;
  right: 10px
}

.hiring-team-list .description-cell {
  padding-top: 1px
}

.hiring-team-list .description-cell .text-bold-cell {
  white-space: nowrap;
  overflow: hidden
}

.hiring-team-list .text-cell {
  text-transform: capitalize
}

.hiring-team-list .text-bold-cell {
  line-height: 14px;
  font-size: 12px;
  padding-top: 2px;
  letter-spacing: .5px
}

.hiring-team-list .icon-block:before {
  background-color: #fff;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff, #fff);
  background: linear-gradient(left, rgba(255, 255, 255, 0), #fff, #fff);
  padding: 15px 0 10px 50px;
  position: absolute;
  right: 0;
  content: ''
}

.edit-icon {
  float: right;
  margin-top: 5px;
  font-size: 0;
  width: 16px;
  height: 16px;
  background: url(../images/svg/edit.svg) 0 0 no-repeat
}

.card-bulk-actions .card-block-inner,
.search-block-section .card-block-inner {
  margin-top: 0;
  margin-bottom: 13px;
  border-radius: 0
}

.search-block {
  background-color: #f5f5f5;
  /*border-radius: 5px*/
}
.select-dropdown.open .dropdown-button .mdi {
    background-color: #fff !important;
}
.search-block .form-control {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  padding-left: 10px;
  letter-spacing: normal;
  height: 40px
}

.search-block .btn {
  padding-top: 10px;
  padding-right: 12px
}

.search-block .btn,
.search-block .form-control {
  background-color: transparent;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0;
  box-shadow: 0 0 0
}

.card-bulk-actions {
  padding-left: 0;
  float: right
}

.custome-label {
  font-family: 'DIN Regular'
}

.dropdown-10 {
  min-width: 197px;
  border-radius: 4px 0 4px 4px;
  overflow: hidden;
  right: 0;
  left: inherit;
  background-color: #494949
}

.dropdown-outer-2.open .bulk-actions {
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: 0 5px 16px 0 rgba(0, 0, 0, .18);
  box-shadow: 0 5px 16px 0 rgba(0, 0, 0, .18)
}

.dropdown-outer-2.open .dropdown {
  -webkit-box-shadow: 0 5px 16px 0 rgba(0, 0, 0, .18);
  box-shadow: 0 5px 16px 0 rgba(0, 0, 0, .18)
}

.col-2 {
  width: 50%;
  float: left
}

.select-all-btn-inner {
  border-radius: 5px;
  border: solid 1px #aeaeae;
  float: left;
  text-transform: uppercase;
  color: #777;
  display: block;
  padding: 10px 12px;
  width: 98%
}

.select-all-btn .checkbox {
  width: 100%;
  padding-left: 0;
  height: 18px
}

.select-all-btn .checkbox label {
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  margin-top: 0;
  letter-spacing: .5px;
  line-height: 18px;
  color: #777
}

.select-all-btn .checkbox label:before {
  left: inherit;
  right: 0;
  margin-right: 0;
  background-color: #adadad;
  border-color: #adadad;
  width: 18px;
  height: 18px
}

.select-all-btn .checkbox label:after {
  left: inherit;
  right: 0;
  padding-top: 0;
  font-size: 16px;
  width: 17px;
  height: 17px;
  color: #fff
}

.bulk-actions {
  border-radius: 5px;
  border: solid 1px #494949;
  background-color: #494949;
  text-transform: uppercase;
  padding: 12px 8px 11px 12px;
  color: #fff;
  float: right;
  display: block;
  width: 98%
}

.bulk-actions:focus,
.bulk-actions:hover {
  color: #fff
}

.bulk-actions .mdi-chevron-down {
  float: right;
  margin-top: 1px
}

.card-bulk-actions .invite-contact-checkbox {
  margin: 0
}

.table-data {
  display: table;
  table-layout: fixed;
  padding: 0;
  width: 100%
}

.table-data-ul {
  display: table-row
}

.table-data-ul li {
  display: table-cell;
  padding-top: 4px;
  padding-bottom: 6px;
  padding-left: 10px;
  padding-right: 10px;
  border-right: 2px solid #e3e3e3
}

.table-data-ul li.last-child {
  border-right: none
}

.popup-click {
  cursor: pointer
}

.table-data-ul .text-cell {
  margin-bottom: 2px;
  text-transform: capitalize
}

.text-cell {
  display: block;
  line-height: 14px;
  color: #494949
}

.text-bold-cell {
  font-family: 'DIN Bold';
  display: block;
  line-height: 18px;
  text-transform: capitalize;
  color: #494949;
  letter-spacing: -.5px;
  font-size: 18px
}

.card-cell-left {
  float: left
}

.card-cell-right {
  float: right
}

.card-cell-right .image-block {
  margin-right: 5px
}

.rounded-block {
  display: block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  text-align: center;
  float: left;
  margin-right: 5px;
  overflow: hidden;
  font-family: 'DIN Bold'
}

.rounded-block img {
  width: 100%;
  height: 100%;
  vertical-align: top
}

.color-logo {
  background-color: #aeaeae
}

.color-logo-facebook {
  background-color: #43619c
}

.color-logo-twitter {
  background-color: #24a9e6
}

.color-logo-linkin {
  background-color: #187fb8
}

.color-logo-google-plus {
  background-color: #f24033
}

.color-logo-pinterest {
  background-color: #cc2127
}

.color-logo-whatsapp {
  background-color: #00a83f
}

.color-logo-me {
  background-color: #eeb111
}

.color-logo-gray {
  background-color: #e3e3e3;
  color: #777
}

.published-block {
  padding: 10px 20px
}

.published-block .card-cell-left {
  width: auto
}

.published-block rounded-block {
  margin-left: 6px;
  float: left;
  font-size: 12px
}

.table-padding ul li {
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 7px
}

.table-padding .text-bold-cell {
  margin-bottom: 1px;
  font-size: 22px
}

.job-summary {
  display: inline-block;
  color: #ececec
}

.job-summary li {
  display: inline;
  padding-right: 0;
  margin-right: 1px;
  letter-spacing: .5px
}

.job-summary .divider {
  padding: 0
}

.color-block {
  color: #fff;
  background-color: #e71d09;
  text-transform: uppercase;
  padding-top: 11px;
  padding-bottom: 10px;
  padding-left: 13px;
  padding-right: 13px;
  letter-spacing: .5px;
  height: 35px
}

.color-block .text-bold-cell {
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: .5px
}

.thumb-text {
  display: block;
  float: left;
  font-family: 'DIN Bold';
  letter-spacing: .5px;
  line-height: 14px;
  margin-right: 3px
}

.thumb-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: -4px
}

.thumb-hold {
  background: url(../images/svg/health_average.svg) 0 0 no-repeat
}

.color-block .material-icons,
.color-block .mdi {
  padding-left: 5px;
  padding-top: 2px;
  vertical-align: top;
  font-size: 22px;
  line-height: 12px
}

.job-accepted {
  color: #777
}

.modified-dropdown a {
  text-decoration: underline
}

.modified-dropdown .dropdown-menu li {
  padding: 0;
  display: block;
  border: none
}

.modified-dropdown .dropdown-menu {
  min-width: inherit;
  width: 100%;
  text-align: center;
  top: 0
}

.modified-dropdown .dropdown-menu li {
  border-bottom: solid 1px #888;
  padding: 10px 0;
  color: #4a90e2;
  border-right: none
}

.modified-dropdown .dropdown-menu li.last-child {
  border-bottom: none
}

.section-pagination {
  border-top: solid 1px #aeaeae;
  padding-top: 7px;
  padding-bottom: 6px
}

.section-pagination .card-pagination {
  padding-left: 0;
  padding-top: 4px
}

.pagination .page-item {
  text-transform: uppercase
}

.pagination>li>a,
.pagination>li>span {
  font-size: 12px;
  letter-spacing: .5px
}

.section-calendar {
  padding-top: 40px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 15px;
  width: 240px
}

.black-gray {
  background-color: #404040
}

.section-calendar .table {
  margin-bottom: 0;
  width: 140px;
  margin: auto
}

.section-calendar th.switch {
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  padding-top: 5px !important
}

.section-calendar .dow {
  text-transform: uppercase;
  font-size: 8px;
  font-family: 'DIN Regular' !important;
  line-height: 10px !important;
  padding-bottom: 8px !important
}

.section-calendar .prev {
  padding-bottom: 7px !important;
  cursor: pointer
}

.section-calendar .next .mdi,
.section-calendar .prev .mdi {
  font-size: 24px
}

.section-calendar .prev .mdi {
  margin-left: -7px
}

.section-calendar .next .mdi {
  margin-right: -7px
}

.section-calendar .next {
  cursor: pointer
}

.section-calendar .table tr td,
.section-calendar .table tr th {
  padding: 6px 5px 5px;
  line-height: 14px;
  vertical-align: top;
  border-top: none;
  text-align: center;
  color: #fff;
  letter-spacing: .5px;
  border-bottom: solid 1px #494949
}

.section-calendar .table>thead>tr>th {
  vertical-align: bottom;
  border-bottom: solid 1px #3e3e3e
}

.section-calendar .table>tbody>tr>td.active,
.section-calendar .table>tbody>tr>th.active,
.section-calendar .table>tfoot>tr>td.active,
.section-calendar .table>tfoot>tr>th.active,
.section-calendar .table>thead>tr>td.active,
.section-calendar .table>thead>tr>th.active {
  background-color: #777;
  border-bottom: solid 1px #ee3e80
}

.section-calendar .table>tbody>tr>td.leave {
  border-bottom: solid 1px #ee3e80
}

.section-calendar .table .disabled,
.section-calendar .table .old {
  color: #777
}

.section-accordion {
  padding: 0
}

.accordion-title {
  cursor: pointer
}

.title-block {
  font-size: 14px;
  color: #fff;
  padding: 10px 20px 12px 10px;
  height: 48px
}

.title-block .title {
  font-size: 12px;
  padding-top: 5px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: .5px;
  line-height: 14px;
  vertical-align: top
}

.title-block .fl-right {
  padding-top: 5px
}

.navigation .open .mdi-chevron-down:before {
  content: "\F143"
}

.section-accordion .active .mdi-chevron-down:before {
  content: "\F143"
}

.title-block .icon {
  width: 34px;
  margin-right: 0;
  color: #aeaeae
}

.accordion-content {
  display: block
}

.right-sidebar .content-block {
  padding: 0 10px 20px 10px
}

.accordion-listing {
  padding: 0
}

.accordion-item {
  background-color: #777;
  border-radius: 5px;
  padding: 13px 15px 9px 15px;
  color: #fff;
  margin-bottom: 5px
}

.accordion-row {
  text-transform: capitalize;
  color: #bbb;
  display: block;
  margin-bottom: 9px;
  line-height: 14px;
  letter-spacing: .5px
}

.accordion-text {
  text-transform: uppercase;
  color: #aeaeae;
  letter-spacing: .5px;
  line-height: 14px
}

.accordion-reg {
  color: #e3e3e3;
  text-transform: uppercase;
  display: inline-block;
  letter-spacing: .5px;
  line-height: 14px
}

.accordion-bold {
  font-family: 'DIN Bold';
  text-transform: capitalize;
  letter-spacing: -.2px;
  color: #fff;
  line-height: 14px
}

.interviews-listing {
  padding-top: 5px
}

.interviews-listing li {
  margin-bottom: 15px
}

.interviews-listing .last-child {
  margin-bottom: 8px
}

.accordion-icon {
  width: 24px;
  float: left;
  margin-left: -2px;
  font-size: 16px
}

.accordion-details {
  overflow: hidden;
  line-height: 14px
}

.accordion-details p {
  margin: 0;
  color: #e3e3e3;
  line-height: 14px;
  letter-spacing: normal
}

.content-block .more {
  margin-left: 22px;
  display: inline-block;
  text-transform: uppercase;
  color: #494949;
  letter-spacing: .5px;
  font-family: 'DIN Bold'
}

.content-block .link {
  text-transform: uppercase;
  color: #777;
  line-height: 15px;
  letter-spacing: .9px;
  margin-top: 3px;
  margin-right: 2px
}

.content-block .image-block {
  width: 30px;
  height: 30px;
  margin-top: 0;
  margin-right: 7px
}

.accordion-details .dp12 {
  color: #fff;
  margin: 6px 17px 0 0;
  font-size: 14px;
  float: left;
  display: block
}

.accordion-details .description-cell {
  width: auto;
  float: none;
  line-height: 14px;
  text-transform: lowercase
}

.show-module .open {
  z-index: 1000
}

.menu-open .module-true,
.module-genie .module-true,
.module-opacity .module-true,
.show-module .module-true,
.show-open .module-true,
.slider-module .module-true {
  display: block
}

.show-open .header-right {
  z-index: 102
}

.module-true {
  background: rgba(227, 227, 227, .85) !important;
  opacity: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1100 !important;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none
}

.module-true.open {
  opacity: 1 !important;
  display: block;
  animation: fadeIn 1s !important;
  -webkit-animation: fadeIn 1s !important;
  transition: opacity 3s ease-out !important;
  z-index: 101;
}
alt-header .module-true,
alt-header header.site-header .header_purple {
  z-index: 1004 !important;
}
alt-header header.site-header .header_purple .alt-nav {
  z-index: inherit !important;
}
.icon-smd {
  width: 30px;
  height: 30px;
  margin: 0 5px 0 5px;
  display: block;
  float: left;
  font-size: 0
}

.social-block {
  padding: 0
}

.fb-icon30 {
  background: url(../images/svg/facebook30.svg) 0 0 no-repeat
}

.gp-icon30 {
  background: url(../images/svg/google_plus30.svg) 0 0 no-repeat
}

.li-icon30 {
  background: url(../images/svg/linked_in30.svg) 0 0 no-repeat
}

.tw-icon30 {
  background: url(../images/svg/twitter30.svg) 0 0 no-repeat
}

.pinterest-icon {
  background: url(../images/svg/pinterest.svg) 0 0 no-repeat
}

.vine-icon {
  background: url(../images/svg/vine.svg) 0 0 no-repeat
}

.insta-icon {
  background: url(../images/svg/insta.svg) 0 0 no-repeat
}

.whatsapp-icon {
  background: url(../images/svg/whatsapp.svg) 0 0 no-repeat
}

.social-icon {
  background: url(../images/svg/social.svg) 0 0 no-repeat
}

.job-boards-icons {
  padding: 0
}

.job-boards-icons .icon-smd {
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat
}

.icon-smd-1 {
  background-position: 0 0
}

.icon-smd-2 {
  background-position: -40px 0
}

.icon-smd-3 {
  background-position: -80px 0
}

.icon-smd-4 {
  background-position: -120px 0
}

.icon-smd-5 {
  background-position: -160px 0
}

.icon-smd-6 {
  background-position: -200px 0
}

.icon-smd-7 {
  background-position: -240px 0
}

.listing-popup-padding li {
  padding: 10px 0 12px 15px
}

.listing-popup-padding .text-nowrap-grad {
  padding-top: 3px
}

.button-round55 {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  line-height: 34px;
  margin-bottom: 20px;
  display: block;
  text-align: center;
  vertical-align: middle;
  z-index: 1001
}

.top-btn {
  bottom: 10px;
  background-color: rgba(255, 255, 255, .7);
  -webkit-box-shadow: 0 5px 16px 0 rgba(0, 0, 0, .18);
  box-shadow: 0 5px 16px 0 rgba(0, 0, 0, .18)
}

.top-btn .dp40 {
  line-height: 55px;
  display: block;
  font-size: 40px;
  color: #bebebe
}

.top-btn:hover {
  color: #bebebe
}

.genie-chat-btn {
  color: #fff;
  background-color: #848bed;
  box-shadow: 0 12px 12px 0 rgba(0, 0, 0, .24), 0 0 12px 0 rgba(0, 0, 0, .12), 0 6px 6px 0 rgba(0, 0, 0, .24), 0 0 6px 0 rgba(0, 0, 0, .12);
  /*overflow: hidden;*/
  width: 55px;
  height: 55px;
  display: block;
  border-radius: 10px !important;
}

.genie-chat-btn .mdi {
  line-height: 55px;
  display: block;
  font-size: 24px
}

.genie-chat-btn:active,
.genie-chat-btn:focus,
.genie-chat-btn:hover {
  color: #fff;
  text-decoration: none
}

.module-genie .genie-chat-btn {
  z-index: 104
}

.module-genie .genie-chat-btn .mdi-message-processing:before {
  content: "\F156";
  font-size: 30px
}

.module-genie .section-genie {
  display: block
}

.section-genie {
  padding: 0;
  position: fixed;
  bottom: 140px;
  right: 25px;
  z-index: 1002;
  width: 330px;
  display: block
}

.section-genie-inner {
  padding: 0;
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
  width: 320px;
  height: 450px;
  box-shadow: 0 22px 24px 0 rgba(0, 0, 0, .19)
}

.section-top-genie {
  background-color: #6ca3d8;
  padding: 15px;
  height: 63px
}

.genie-image {
  margin-top: -4px;
  margin-right: 15px;
  float: left
}

.genie-image .image-block {
  width: 40px;
  height: 40px
}

.genie-image .jinieicon-block {
  width: 40px;
  height: 40px;
  background: url(../images/ic_messenger.png) no-repeat;
  background-size: 36px 36px;
  background-position: 2px 2px
}

.jinie-title {
  font-size: 16px;
  text-transform: capitalize;
  letter-spacing: .1px;
  display: inline-block;
  line-height: 30px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  min-width: 180px
}

.jinie-white-icon {
  width: 55px;
  height: 55px;
  display: block;
  background: url(../images/ic_zippi.svg) no-repeat;
  /*background-size: 75px 75px;
  background-position: center -8px*/
}

.jinie-default-icon {
  width: 55px;
  height: 55px;
  display: block;
  background: url(../images/jinie.svg) no-repeat;
 /* background-size: 30px 30px;
  background-position: center 13px*/
}

.genie-chat-btn .material-icons {
  width: 55px;
  height: 55px;
  line-height: 55px;
  font-size: 26px;
  text-align: center
}

.genie-image .image-block {
  margin-right: 0
}

.genie-image .image-block:nth-child(1n) {
  position: relative;
  z-index: 102;
  background-color: #d8d8d8
}

.genie-image .image-block:nth-child(2n) {
  margin-left: -30px;
  z-index: 101;
  background-color: #c7c7c7
}

.genie-image .image-block:nth-child(3n) {
  margin-left: -30px;
  z-index: 100;
  background-color: #b5b5b5
}

.genie-image .image-block:nth-child(4n) {
  margin-left: -30px;
  z-index: 99;
  background-color: #939598
}

.section-top-genie .edit-icon {
  float: right;
  margin-right: -2px;
  width: 13px;
  height: 13px;
  background: url(../images/svg/edit13.svg) 0 0 no-repeat
}

.genie-container {
  padding: 0
}

.genie-container iframe {
  width: 100%;
  height: 450px
}

.text-conversation {
  text-align: center;
  width: 200px;
  margin: auto;
  line-height: 14px;
  margin-bottom: 25px
}

.section-genie-listing .genie-container {
  padding: 15px
}

.section-top-genie .description-cell {
  width: auto
}

.section-top-genie .text-cell {
  color: #fff
}

.section-top-genie .text-bold-cell {
  color: #fff;
  line-height: 14px;
  font-size: 12px;
  margin-bottom: 3px
}

.chat-slider {
  padding-top: 15px;
  position: relative
}

.chat-slider .prev {
  font-size: 24px;
  color: #939598;
  position: absolute;
  bottom: 17px;
  margin-left: 8px
}

.chat-sent {
  background-color: #939598;
  padding: 15px 20px;
  border-radius: 5px;
  float: right;
  color: #fff
}

.chat-slide-content {
  width: 250px;
  float: left
}

.form-inline {
  background-color: #f5f5f5;
  padding: 14px 15px 6px 15px;
  border-radius: 0 0 5px 5px
}

.genie-bottom .form-textarea {
  border: none;
  background-color: transparent;
  width: 235px;
  float: left;
  padding: 0;
  height: 30px;
  color: #494949
}

.genie-bottom .height80 {
  height: 80px
}

.comment-block {
  background-color: #f5f5f5;
  padding: 15px;
  border-radius: 5px;
  display: block;
  margin-bottom: 2px;
  color: #494949
}

.comment-block .title-12 {
  color: #494949;
  margin-bottom: 10px
}

.comment-block p {
  padding: 0;
  line-height: 20px;
  margin: 0
}

.chat-time {
  display: block
}

.genie-bottom {
  position: absolute;
  bottom: 0;
  width: 320px
}

.genie-bottom .genie-opction {
  position: absolute;
  bottom: 15px;
  right: 15px
}

.genie-bottom .material-icons {
  float: left;
  color: #939598
}

.genie-bottom .material-icons:hover {
  color: #939598
}

.genie-bottom .material-icons+.material-icons {
  margin-left: 13px
}

.btn-row-chat {
  margin: 0 25px 25px 0;
  text-align: right
}

.btn-row-chat .btn+.btn {
  margin-left: 7px
}

.btn-row-chat .btn-primary {
  background-color: #ee3e80;
  border: solid 1px #ee3e80
}

.genie-pos2 {
  position: absolute;
  left: -325px;
  bottom: 0;
  display: none
}

.genie-pos3 {
  position: absolute;
  left: -648px;
  bottom: 0;
  display: none
}

.genie-pos4 {
  position: absolute;
  left: -970px;
  bottom: 0;
  display: none
}

.section-genie-listing .image-block {
  width: 45px;
  height: 45px;
  margin-right: 15px
}

.section-genie-listing .description-cell {
  padding: 0;
  width: auto;
  float: none;
  overflow: hidden
}

.section-genie-listing .listing-inline li {
  color: #fff
}

.section-genie-listing .listing-inline li {
  border-color: #fff
}

.genie-listing-container {
  padding: 0
}

.genie-listing-container li {
  padding: 15px 15px;
  border-bottom: solid 2px #e3e3e3
}

.genie-listing-container li:last-child {
  border-bottom: none
}

.row-chat {
  padding-bottom: 7px
}

.btn-chat {
  position: absolute;
  bottom: 15px;
  left: 56px
}

.title-12 {
  font-size: 12px;
  font-family: 'DIN Bold';
  line-height: 14px;
  color: #ee3e80
}

.genie-listing-container li .p-text {
  line-height: 14px;
  margin: 0
}

.genie-listing-container:before {
  background-color: #fff;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff, #fff);
  background: linear-gradient(top, rgba(255, 255, 255, 0), #fff, #fff);
  padding-bottom: 160px;
  position: absolute;
  right: 0;
  content: '';
  bottom: 0;
  width: 100%
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .main-container {
    margin-bottom: -5px
  }

  .header-right {
    right: 12px
  }
}

.section-panel {
  margin: 0 -5px
}

.section-panel .panel {
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px
}

.panel-title {
  font-size: 18px;
  letter-spacing: -.5px;
  line-height: 18px
}

.panel-row {
  margin-bottom: 5px
}

.panel-col {
  width: 50%;
  float: left;
  text-transform: capitalize;
  line-height: 14px;
  color: #494949
}

.panel-row .text-bold-cell {
  font-size: 12px;
  line-height: 14px;
  letter-spacing: normal;
  margin-left: -7px
}

.panel-fixed {
  width: 130px;
  float: left;
  font-family: 'DIN Bold';
  font-size: 12px;
  color: #494949;
  letter-spacing: .5px;
  line-height: 14px;
  padding-top: 2px
}

.workflow-cell {
  width: 140px;
  text-transform: uppercase;
  padding-top: 15px
}

.panel-heading .mdi {
  padding-top: 4px;
  font-size: 32px;
  height: 16px;
  line-height: 16px;
  margin-right: -3px
}

.panel-full {
  width: 100%
}

.panel-cell2 {
  width: 50%;
  float: left
}

.job-description-panel {
  color: #494949
}

.panel-row p {
  margin-bottom: 25px;
  padding-bottom: 0
}

.panel-common {
  padding-top: 29px;
  padding-bottom: 30px;
  font-size: 14px;
  line-height: 20px
}

.job-description-panel .panel-body {
  padding-top: 29px;
  padding-bottom: 0
}

.panel-right {
  width: 82.1%;
  float: left
}

.panel-list {
  list-style: inherit;
  padding-left: 10px;
  margin-bottom: 20px
}

.panel-list li {
  margin-bottom: 2px
}

.workflow-block {
  width: 390px;
  margin: 20px auto
}

.workflow-block ul {
  text-align: center;
  position: relative;
  padding-bottom: 30px
}

.workflow-block ul:after {
  position: absolute;
  content: '';
  bottom: 14px;
  left: 3px;
  right: 0;
  height: 2px;
  width: 67%;
  margin: auto;
  background-color: #aeaeae
}

.workflow-block ul.workflow-top li:before {
  width: 0
}

.workflow-block ul.workflow-top li:after {
  position: absolute;
  content: '';
  bottom: -14px;
  left: 50%;
  height: 14px;
  width: 2px;
  background-color: #aeaeae
}

.workflow-block ul li {
  background-color: #e3e3e3;
  min-width: 100px;
  height: 50px;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  padding-top: 12px;
  position: relative;
  margin-left: 14px;
  margin-right: 13px
}

.workflow-block ul li:before {
  position: absolute;
  content: '';
  bottom: 50px;
  left: 50%;
  height: 14px;
  width: 2px;
  background-color: #aeaeae
}

.workflow-block ul.workflow-middle li:after {
  position: absolute;
  content: '';
  bottom: -14px;
  left: 50%;
  height: 14px;
  width: 2px;
  background-color: #aeaeae
}

.workflow-block ul.last-child {
  padding-bottom: 0
}

.workflow-block ul.last-child:after {
  height: 0
}

.days-flow {
  font-size: 8px;
  display: block;
  line-height: 10px;
  letter-spacing: .5px;
  padding-top: 2px
}

.flow-delay {
  display: block;
  text-align: right;
  font-size: 8px;
  line-height: 10px;
  letter-spacing: .5px;
  margin: -7px 0 17px 0
}

.workflow-block .mdi-chevron-down {
  left: 39%;
  top: -9px;
  position: absolute;
  font-size: 24px;
  line-height: 10px;
  height: 10px;
  color: #aeaeae
}

.form-textarea .form-control {
  height: 77px;
  padding: 15px
}

.section-tab-job-details .card-block-inner {
  margin: 10px
}

.list-number {
  list-style: decimal;
  padding-left: 15px
}

.row-btn {
  padding: 0;
  margin-bottom: 15px
}

.row-btn .btn {
  box-shadow: 1px 2px 3px #d1d1d1;
  margin-left: 10px
}

.margin-b10 {
  margin-bottom: 10px
}

.padding-tnone {
  padding-top: 0
}

.create-job-btn {
  margin-bottom: 40px
}

.create-job-btn .btn {
  width: 133px;
  margin: auto;
  display: block
}

.tab-details .section-card .card-block-inner {
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1)
}

.section-job-published,
.section-top-candidates {
  padding-top: 11px;
  margin-bottom: 6px
}

.candidates-compare-details {
  padding-top: 1px;
  margin-bottom: 6px
}

.section-job-published .main-title,
.section-top-candidates .main-title {
  margin-bottom: 4px
}

.section-top-candidates .dropdown-block .dropdown {
  margin-bottom: 0
}

.section-top-candidates .dropdown-button {
  border: solid 1px #e3e3e3
}

.section-top-candidates .active .dropdown-button {
  color: #777;
  background-color: inherit;
  border: solid 1px #e3e3e3
}

.section-top-candidates .open .dropdown-button {
  color: #777;
  background-color: #f5f5f5;
  border: solid 1px #f5f5f5
}

.section-top-candidates .active .dropdown-button .mdi-chevron-down:before {
  color: #aeaeae
}

.candidates-compare-details .card-1 .card-block-inner {
  margin: 5px 0
}

.candidate-selected {
  color: #494949;
  letter-spacing: .5px;
  font-family: 'DIN Bold'
}

.top-candidate-cards {
  padding-top: 7px;
  margin-left: -7.5px;
  margin-right: -7.5px
}

.top-candidate-cards .card-3 .card-block-inner {
  background-color: #f5f5f5;
  padding: 0;
  margin: 7.5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent
}

.top-candidate-cards .card-block-inner .text-cell {
  text-transform: capitalize
}

.top-candidate-cards .card-row {
  border-bottom: solid 2px #f9f9f9;
  padding: 13px 15px
}

.candidate-stars-row {
  border-bottom: solid 2px #f9f9f9;
  padding: 12px 15px 0;
  height: 64px;
  position: relative
}

.candidate-stars-row .image-block {
  width: 40px;
  height: 40px
}

.hiring-team-card-row .delete-icon {
  margin-top: -1px;
  margin-right: -4px;
  float: right
}

.candidate-stars-row .delete-icon {
  position: absolute;
  top: 8px;
  right: 6px;
  display: none;
  margin: 0
}

.candidate-stars-row:hover .material-icons {
  display: block;
  cursor: default
}

.candidate-stars-row .title {
  font-size: 12px;
  display: block;
  letter-spacing: .5px
}

.candidate-stars-row .job-code {
  padding-left: 2px;
  color: #494949
}

.candidate-stars-row .description-cell {
  width: auto;
  float: none;
  padding-top: 3px
}

.candidate-stars-row .star-rating-block {
  padding-top: 2px
}

.description-row {
  padding: 12px 15px 22px
}

.description-row p {
  margin: 0;
  padding: 0;
  line-height: 14px;
  color: #777
}

.text-nowrap-grad {
  /*white-space: nowrap;
  overflow: hidden;*/
  position: relative
}

.text-nowrap-grad:before {
  /*background-color: #f5f5f5;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #f5f5f5, #f5f5f5);
  background: linear-gradient(left, rgba(255, 255, 255, 0), #f5f5f5, #f5f5f5);
  padding: 10px 0 9px 30px;
  position: absolute;
  right: -13px;
  content: '';*/
}

.text-grad-wt:before {
  background-color: #fff;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff, #fff);
  background: linear-gradient(left, rgba(255, 255, 255, 0), #fff, #fff)
}

.candidate-stars-row .text-nowrap-grad:before {
  padding-right: 40px
}

.star-rating-block .mdi {
  margin-right: 2px;
  font-size: 17px;
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 15px;
  color: #aeaeae;
  cursor: pointer
}

.star-rating-block .star-rating {
  color: #ee3e80
}

.star-rating-block .mdi-star.star-rating-half:before {
  content: "\f4d0";
  color: #ee3e80
}

.star-rating-small .mdi {
  font-size: 14px;
  width: 12px;
  height: 12px;
  line-height: 12px;
  margin-right: 0
}

.slider-pager-block {
  padding-top: 8px
}

.slider-pager-block .slider-pager {
  width: 130px;
  float: left;
  position: relative;
  margin-left: 45px;
  margin-top: 12px
}

.slider-pager .carousel-indicators {
  position: static;
  width: 80px;
  margin: 0;
  float: left
}

.slider-pager .mdi {
  font-size: 22px;
  color: #777
}

.slider-pager-block .overall-interview {
  color: #494949;
  line-height: 14px;
  padding-top: 12px;
  display: block
}

.btn-disabled {
  background-color: #e3e3e3;
  color: #fff
}

.btn-disabled:focus,
.btn-disabled:hover {
  background-color: #e3e3e3;
  color: #fff
}

.icons-block {
  float: right
}

.icons-block .rounded-block {
  background-color: #e3e3e3;
  width: 30px;
  height: 30px
}

.title-cell {
  overflow: hidden
}

.title-cell .listing-inline {
  word-break: break-all;
  padding-top: 2px
}

.title-cell .listing-inline li {
  display: inline
}

.text-nowrap-cell .listing-inline {
  white-space: nowrap;
  overflow: hidden
}

.text-nowrap-cell .listing-inline li:before {
  background-color: #fff;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff, #fff);
  background: linear-gradient(left, rgba(255, 255, 255, 0), #fff, #fff);
  padding: 11px 0 5px 30px;
  position: absolute;
  right: 0;
  content: ''
}

.card-name-row {
  position: relative;
  height: 72px;
  padding-top: 9px
}

.card-name-row .image-block {
  width: 50px;
  height: 50px
}

.card-name-row .flag-icon {
  position: absolute;
  bottom: 6px;
  left: 15px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  background-color: #fff;
  z-index: 10;
  padding-top: 0;
  color: #6da4d8;
  font-size: 20px
}

.card-profile-row {
  padding-top: 0;
  padding-bottom: 0
}

.profile-completed {
  width: 58.2456%;
  float: left;
  padding-top: 5px;
  padding-bottom: 4px
}

.profile-graph {
  width: 35px;
  float: left;
  position: relative
}

.profile-graph-details {
  overflow: hidden;
  padding-left: 8px;
  padding-top: 3px
}

.profile-percent {
  font-size: 18px;
  font-family: 'DIN Bold';
  color: #494949
}

.profile-match {
  width: 41.7544%;
  float: left;
  padding-top: 5px;
  padding-bottom: 4px;
  border-left: solid 2px #e3e3e3
}

.profile-match .profile-graph {
  margin-left: 10px
}

.card-profile-row .text-cell {
  text-transform: capitalize
}

.padding-b7 {
  padding-bottom: 7px
}

.card-team-row {
  padding-top: 6px;
  padding-bottom: 5px;
  position: relative
}

.card-team-row .text-bold-cell {
  padding-top: 2px
}

.ver-row {
  padding-bottom: 7px
}

.background-ver {
  text-transform: capitalize;
  margin-bottom: 5px
}

.background-ver span {
  font-family: 'DIN Bold'
}

.background-ver .going {
  color: #ffb532
}

.background-ver .pending {
  color: #e71d09
}

.background-ver .rejected {
  color: #e71d09
}

.background-ver .pending.org {
  color: #ffb532
}

.background-status-section {
  padding: 0;
  position: relative
}

.verification-status {
  position: relative;
  margin-left: -2%;
  margin-right: -2%
}

.verification-status .widht85 {
  width: 85.7%
}

.background-status-section:after {
  border-bottom: solid 1px #d8d8d8;
  content: '';
  position: absolute;
  height: 1px;
  width: 100%;
  top: 5px;
  left: 0;
  z-index: 1
}

.verification-status li {
  width: 7.1428%;
  position: relative;
  z-index: 2;
  float: left
}

.verification-status .doted {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #d8d8d8;
  display: block;
  margin: auto
}

.verification-status .doted {
  color: #ffb532
}

.verification-status li.done .doted {
  background-color: #70cf00
}

.verification-status li.pending .doted {
  background-color: #e71d09
}

.verification-status li.rejected .doted {
  background-color: #e71d09
}

.verification-status li.current .doted {
  background-color: #ffb532
}

.width40 {
  width: 40%
}

.source-row {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: none
}

.source-row .text-bold-cell {
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  padding-top: 2px;
  letter-spacing: .5px
}

.card-bottom {
  color: #fff;
  background-color: #777;
  text-align: center;
  font-family: 'DIN Bold';
  margin-bottom: 0;
  border-radius: 0 0 4px 4px;
  text-transform: uppercase
}

.dropdown-block .dropdownwidth {
  width: 200px
}

.title-top {
  overflow: hidden
}

.c100.p100 .slice,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice {
  clip: rect(auto, auto, auto, auto)
}

.c100 .bar,
.c100.p100 .fill,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.pie {
  position: absolute;
  border: 3px solid #494949;
  width: 29px;
  height: 29px;
  clip: rect(0, 17.5px, 35px, 0);
  border-radius: 50%;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0)
}

.c100.p100 .bar:after,
.c100.p100 .fill,
.c100.p51 .bar:after,
.c100.p51 .fill,
.c100.p52 .bar:after,
.c100.p52 .fill,
.c100.p53 .bar:after,
.c100.p53 .fill,
.c100.p54 .bar:after,
.c100.p54 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p56 .bar:after,
.c100.p56 .fill,
.c100.p57 .bar:after,
.c100.p57 .fill,
.c100.p58 .bar:after,
.c100.p58 .fill,
.c100.p59 .bar:after,
.c100.p59 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p61 .bar:after,
.c100.p61 .fill,
.c100.p62 .bar:after,
.c100.p62 .fill,
.c100.p63 .bar:after,
.c100.p63 .fill,
.c100.p64 .bar:after,
.c100.p64 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p66 .bar:after,
.c100.p66 .fill,
.c100.p67 .bar:after,
.c100.p67 .fill,
.c100.p68 .bar:after,
.c100.p68 .fill,
.c100.p69 .bar:after,
.c100.p69 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p71 .bar:after,
.c100.p71 .fill,
.c100.p72 .bar:after,
.c100.p72 .fill,
.c100.p73 .bar:after,
.c100.p73 .fill,
.c100.p74 .bar:after,
.c100.p74 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p76 .bar:after,
.c100.p76 .fill,
.c100.p77 .bar:after,
.c100.p77 .fill,
.c100.p78 .bar:after,
.c100.p78 .fill,
.c100.p79 .bar:after,
.c100.p79 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p81 .bar:after,
.c100.p81 .fill,
.c100.p82 .bar:after,
.c100.p82 .fill,
.c100.p83 .bar:after,
.c100.p83 .fill,
.c100.p84 .bar:after,
.c100.p84 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p86 .bar:after,
.c100.p86 .fill,
.c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.c100.p88 .fill,
.c100.p89 .bar:after,
.c100.p89 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p91 .bar:after,
.c100.p91 .fill,
.c100.p92 .bar:after,
.c100.p92 .fill,
.c100.p93 .bar:after,
.c100.p93 .fill,
.c100.p94 .bar:after,
.c100.p94 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p96 .bar:after,
.c100.p96 .fill,
.c100.p97 .bar:after,
.c100.p97 .fill,
.c100.p98 .bar:after,
.c100.p98 .fill,
.c100.p99 .bar:after,
.c100.p99 .fill,
.pie-fill {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg)
}

.c100 {
  position: relative;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  float: left;
  margin: 0 1px 1px 0;
  background-color: #fff
}

.c100 *,
.c100 :after,
.c100 :before {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

.c100.center {
  float: none;
  margin: 0 auto
}

/*.c100>span {
  position: absolute;
  font-family: 'DIN Bold';
  width: 100%;
  z-index: 1;
  height: 35px;
  line-height: 32px;
  color: #494949;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  padding-left: 2px
}*/

.c100:after {
  position: absolute;
  top: 3px;
  left: 3px;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: #e3e3e3;
  width: 29px;
  height: 29px;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: .2s;
  -moz-transition-duration: .2s;
  -o-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

.c100 .slice {
  position: absolute;
  width: 35px;
  height: 35px;
  clip: rect(0, 35px, 35px, 17.5px)
}

.c100.p1 .bar {
  -webkit-transform: rotate(3.6deg);
  -moz-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -o-transform: rotate(3.6deg);
  transform: rotate(3.6deg)
}

.c100.p2 .bar {
  -webkit-transform: rotate(7.2deg);
  -moz-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -o-transform: rotate(7.2deg);
  transform: rotate(7.2deg)
}

.c100.p3 .bar {
  -webkit-transform: rotate(10.8deg);
  -moz-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -o-transform: rotate(10.8deg);
  transform: rotate(10.8deg)
}

.c100.p4 .bar {
  -webkit-transform: rotate(14.4deg);
  -moz-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -o-transform: rotate(14.4deg);
  transform: rotate(14.4deg)
}

.c100.p5 .bar {
  -webkit-transform: rotate(18deg);
  -moz-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  transform: rotate(18deg)
}

.c100.p6 .bar {
  -webkit-transform: rotate(21.6deg);
  -moz-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -o-transform: rotate(21.6deg);
  transform: rotate(21.6deg)
}

.c100.p7 .bar {
  -webkit-transform: rotate(25.2deg);
  -moz-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -o-transform: rotate(25.2deg);
  transform: rotate(25.2deg)
}

.c100.p8 .bar {
  -webkit-transform: rotate(28.8deg);
  -moz-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -o-transform: rotate(28.8deg);
  transform: rotate(28.8deg)
}

.c100.p9 .bar {
  -webkit-transform: rotate(32.4deg);
  -moz-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -o-transform: rotate(32.4deg);
  transform: rotate(32.4deg)
}

.c100.p10 .bar {
  -webkit-transform: rotate(36deg);
  -moz-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -o-transform: rotate(36deg);
  transform: rotate(36deg)
}

.c100.p11 .bar {
  -webkit-transform: rotate(39.6deg);
  -moz-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -o-transform: rotate(39.6deg);
  transform: rotate(39.6deg)
}

.c100.p12 .bar {
  -webkit-transform: rotate(43.2deg);
  -moz-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -o-transform: rotate(43.2deg);
  transform: rotate(43.2deg)
}

.c100.p13 .bar {
  -webkit-transform: rotate(46.800000000000004deg);
  -moz-transform: rotate(46.800000000000004deg);
  -ms-transform: rotate(46.800000000000004deg);
  -o-transform: rotate(46.800000000000004deg);
  transform: rotate(46.800000000000004deg)
}

.c100.p14 .bar {
  -webkit-transform: rotate(50.4deg);
  -moz-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -o-transform: rotate(50.4deg);
  transform: rotate(50.4deg)
}

.c100.p15 .bar {
  -webkit-transform: rotate(54deg);
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -o-transform: rotate(54deg);
  transform: rotate(54deg)
}

.c100.p16 .bar {
  -webkit-transform: rotate(57.6deg);
  -moz-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -o-transform: rotate(57.6deg);
  transform: rotate(57.6deg)
}

.c100.p17 .bar {
  -webkit-transform: rotate(61.2deg);
  -moz-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -o-transform: rotate(61.2deg);
  transform: rotate(61.2deg)
}

.c100.p18 .bar {
  -webkit-transform: rotate(64.8deg);
  -moz-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -o-transform: rotate(64.8deg);
  transform: rotate(64.8deg)
}

.c100.p19 .bar {
  -webkit-transform: rotate(68.4deg);
  -moz-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -o-transform: rotate(68.4deg);
  transform: rotate(68.4deg)
}

.c100.p20 .bar {
  -webkit-transform: rotate(72deg);
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg)
}

.c100.p21 .bar {
  -webkit-transform: rotate(75.60000000000001deg);
  -moz-transform: rotate(75.60000000000001deg);
  -ms-transform: rotate(75.60000000000001deg);
  -o-transform: rotate(75.60000000000001deg);
  transform: rotate(75.60000000000001deg)
}

.c100.p22 .bar {
  -webkit-transform: rotate(79.2deg);
  -moz-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -o-transform: rotate(79.2deg);
  transform: rotate(79.2deg)
}

.c100.p23 .bar {
  -webkit-transform: rotate(82.8deg);
  -moz-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -o-transform: rotate(82.8deg);
  transform: rotate(82.8deg)
}

.c100.p24 .bar {
  -webkit-transform: rotate(86.4deg);
  -moz-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -o-transform: rotate(86.4deg);
  transform: rotate(86.4deg)
}

.c100.p25 .bar {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg)
}

.c100.p26 .bar {
  -webkit-transform: rotate(93.60000000000001deg);
  -moz-transform: rotate(93.60000000000001deg);
  -ms-transform: rotate(93.60000000000001deg);
  -o-transform: rotate(93.60000000000001deg);
  transform: rotate(93.60000000000001deg)
}

.c100.p27 .bar {
  -webkit-transform: rotate(97.2deg);
  -moz-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -o-transform: rotate(97.2deg);
  transform: rotate(97.2deg)
}

.c100.p28 .bar {
  -webkit-transform: rotate(100.8deg);
  -moz-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -o-transform: rotate(100.8deg);
  transform: rotate(100.8deg)
}

.c100.p29 .bar {
  -webkit-transform: rotate(104.4deg);
  -moz-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -o-transform: rotate(104.4deg);
  transform: rotate(104.4deg)
}

.c100.p30 .bar {
  -webkit-transform: rotate(108deg);
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg)
}

.c100.p31 .bar {
  -webkit-transform: rotate(111.60000000000001deg);
  -moz-transform: rotate(111.60000000000001deg);
  -ms-transform: rotate(111.60000000000001deg);
  -o-transform: rotate(111.60000000000001deg);
  transform: rotate(111.60000000000001deg)
}

.c100.p32 .bar {
  -webkit-transform: rotate(115.2deg);
  -moz-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -o-transform: rotate(115.2deg);
  transform: rotate(115.2deg)
}

.c100.p33 .bar {
  -webkit-transform: rotate(118.8deg);
  -moz-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -o-transform: rotate(118.8deg);
  transform: rotate(118.8deg)
}

.c100.p34 .bar {
  -webkit-transform: rotate(122.4deg);
  -moz-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -o-transform: rotate(122.4deg);
  transform: rotate(122.4deg)
}

.c100.p35 .bar {
  -webkit-transform: rotate(126deg);
  -moz-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -o-transform: rotate(126deg);
  transform: rotate(126deg)
}

.c100.p36 .bar {
  -webkit-transform: rotate(129.6deg);
  -moz-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -o-transform: rotate(129.6deg);
  transform: rotate(129.6deg)
}

.c100.p37 .bar {
  -webkit-transform: rotate(133.20000000000002deg);
  -moz-transform: rotate(133.20000000000002deg);
  -ms-transform: rotate(133.20000000000002deg);
  -o-transform: rotate(133.20000000000002deg);
  transform: rotate(133.20000000000002deg)
}

.c100.p38 .bar {
  -webkit-transform: rotate(136.8deg);
  -moz-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -o-transform: rotate(136.8deg);
  transform: rotate(136.8deg)
}

.c100.p39 .bar {
  -webkit-transform: rotate(140.4deg);
  -moz-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -o-transform: rotate(140.4deg);
  transform: rotate(140.4deg)
}

.c100.p40 .bar {
  -webkit-transform: rotate(144deg);
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg)
}

.c100.p41 .bar {
  -webkit-transform: rotate(147.6deg);
  -moz-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -o-transform: rotate(147.6deg);
  transform: rotate(147.6deg)
}

.c100.p42 .bar {
  -webkit-transform: rotate(151.20000000000002deg);
  -moz-transform: rotate(151.20000000000002deg);
  -ms-transform: rotate(151.20000000000002deg);
  -o-transform: rotate(151.20000000000002deg);
  transform: rotate(151.20000000000002deg)
}

.c100.p43 .bar {
  -webkit-transform: rotate(154.8deg);
  -moz-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -o-transform: rotate(154.8deg);
  transform: rotate(154.8deg)
}

.c100.p44 .bar {
  -webkit-transform: rotate(158.4deg);
  -moz-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -o-transform: rotate(158.4deg);
  transform: rotate(158.4deg)
}

.c100.p45 .bar {
  -webkit-transform: rotate(162deg);
  -moz-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -o-transform: rotate(162deg);
  transform: rotate(162deg)
}

.c100.p46 .bar {
  -webkit-transform: rotate(165.6deg);
  -moz-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -o-transform: rotate(165.6deg);
  transform: rotate(165.6deg)
}

.c100.p47 .bar {
  -webkit-transform: rotate(169.20000000000002deg);
  -moz-transform: rotate(169.20000000000002deg);
  -ms-transform: rotate(169.20000000000002deg);
  -o-transform: rotate(169.20000000000002deg);
  transform: rotate(169.20000000000002deg)
}

.c100.p48 .bar {
  -webkit-transform: rotate(172.8deg);
  -moz-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -o-transform: rotate(172.8deg);
  transform: rotate(172.8deg)
}

.c100.p49 .bar {
  -webkit-transform: rotate(176.4deg);
  -moz-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -o-transform: rotate(176.4deg);
  transform: rotate(176.4deg)
}

.c100.p50 .bar {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg)
}

.c100.p51 .bar {
  -webkit-transform: rotate(183.6deg);
  -moz-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  -o-transform: rotate(183.6deg);
  transform: rotate(183.6deg)
}

.c100.p52 .bar {
  -webkit-transform: rotate(187.20000000000002deg);
  -moz-transform: rotate(187.20000000000002deg);
  -ms-transform: rotate(187.20000000000002deg);
  -o-transform: rotate(187.20000000000002deg);
  transform: rotate(187.20000000000002deg)
}

.c100.p53 .bar {
  -webkit-transform: rotate(190.8deg);
  -moz-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  -o-transform: rotate(190.8deg);
  transform: rotate(190.8deg)
}

.c100.p54 .bar {
  -webkit-transform: rotate(194.4deg);
  -moz-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  -o-transform: rotate(194.4deg);
  transform: rotate(194.4deg)
}

.c100.p55 .bar {
  -webkit-transform: rotate(198deg);
  -moz-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  -o-transform: rotate(198deg);
  transform: rotate(198deg)
}

.c100.p56 .bar {
  -webkit-transform: rotate(201.6deg);
  -moz-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  -o-transform: rotate(201.6deg);
  transform: rotate(201.6deg)
}

.c100.p57 .bar {
  -webkit-transform: rotate(205.20000000000002deg);
  -moz-transform: rotate(205.20000000000002deg);
  -ms-transform: rotate(205.20000000000002deg);
  -o-transform: rotate(205.20000000000002deg);
  transform: rotate(205.20000000000002deg)
}

.c100.p58 .bar {
  -webkit-transform: rotate(208.8deg);
  -moz-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  -o-transform: rotate(208.8deg);
  transform: rotate(208.8deg)
}

.c100.p59 .bar {
  -webkit-transform: rotate(212.4deg);
  -moz-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  -o-transform: rotate(212.4deg);
  transform: rotate(212.4deg)
}

.c100.p60 .bar {
  -webkit-transform: rotate(216deg);
  -moz-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -o-transform: rotate(216deg);
  transform: rotate(216deg)
}

.c100.p61 .bar {
  -webkit-transform: rotate(219.6deg);
  -moz-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  -o-transform: rotate(219.6deg);
  transform: rotate(219.6deg)
}

.c100.p62 .bar {
  -webkit-transform: rotate(223.20000000000002deg);
  -moz-transform: rotate(223.20000000000002deg);
  -ms-transform: rotate(223.20000000000002deg);
  -o-transform: rotate(223.20000000000002deg);
  transform: rotate(223.20000000000002deg)
}

.c100.p63 .bar {
  -webkit-transform: rotate(226.8deg);
  -moz-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  -o-transform: rotate(226.8deg);
  transform: rotate(226.8deg)
}

.c100.p64 .bar {
  -webkit-transform: rotate(230.4deg);
  -moz-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  -o-transform: rotate(230.4deg);
  transform: rotate(230.4deg)
}

.c100.p65 .bar {
  -webkit-transform: rotate(234deg);
  -moz-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  -o-transform: rotate(234deg);
  transform: rotate(234deg)
}

.c100.p66 .bar {
  -webkit-transform: rotate(237.6deg);
  -moz-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  -o-transform: rotate(237.6deg);
  transform: rotate(237.6deg)
}

.c100.p67 .bar {
  -webkit-transform: rotate(241.20000000000002deg);
  -moz-transform: rotate(241.20000000000002deg);
  -ms-transform: rotate(241.20000000000002deg);
  -o-transform: rotate(241.20000000000002deg);
  transform: rotate(241.20000000000002deg)
}

.c100.p68 .bar {
  -webkit-transform: rotate(244.8deg);
  -moz-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  -o-transform: rotate(244.8deg);
  transform: rotate(244.8deg)
}

.c100.p69 .bar {
  -webkit-transform: rotate(248.4deg);
  -moz-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  -o-transform: rotate(248.4deg);
  transform: rotate(248.4deg)
}

.c100.p70 .bar {
  -webkit-transform: rotate(252deg);
  -moz-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  -o-transform: rotate(252deg);
  transform: rotate(252deg)
}

.c100.p71 .bar {
  -webkit-transform: rotate(255.6deg);
  -moz-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  -o-transform: rotate(255.6deg);
  transform: rotate(255.6deg)
}

.c100.p72 .bar {
  -webkit-transform: rotate(259.2deg);
  -moz-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  -o-transform: rotate(259.2deg);
  transform: rotate(259.2deg)
}

.c100.p73 .bar {
  -webkit-transform: rotate(262.8deg);
  -moz-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  -o-transform: rotate(262.8deg);
  transform: rotate(262.8deg)
}

.c100.p74 .bar {
  -webkit-transform: rotate(266.40000000000003deg);
  -moz-transform: rotate(266.40000000000003deg);
  -ms-transform: rotate(266.40000000000003deg);
  -o-transform: rotate(266.40000000000003deg);
  transform: rotate(266.40000000000003deg)
}

.c100.p75 .bar {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg)
}

.c100.p76 .bar {
  -webkit-transform: rotate(273.6deg);
  -moz-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  -o-transform: rotate(273.6deg);
  transform: rotate(273.6deg)
}

.c100.p77 .bar {
  -webkit-transform: rotate(277.2deg);
  -moz-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  -o-transform: rotate(277.2deg);
  transform: rotate(277.2deg)
}

.c100.p78 .bar {
  -webkit-transform: rotate(280.8deg);
  -moz-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  -o-transform: rotate(280.8deg);
  transform: rotate(280.8deg)
}

.c100.p79 .bar {
  -webkit-transform: rotate(284.40000000000003deg);
  -moz-transform: rotate(284.40000000000003deg);
  -ms-transform: rotate(284.40000000000003deg);
  -o-transform: rotate(284.40000000000003deg);
  transform: rotate(284.40000000000003deg)
}

.c100.p80 .bar {
  -webkit-transform: rotate(288deg);
  -moz-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  -o-transform: rotate(288deg);
  transform: rotate(288deg)
}

.c100.p81 .bar {
  -webkit-transform: rotate(291.6deg);
  -moz-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  -o-transform: rotate(291.6deg);
  transform: rotate(291.6deg)
}

.c100.p82 .bar {
  -webkit-transform: rotate(295.2deg);
  -moz-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  -o-transform: rotate(295.2deg);
  transform: rotate(295.2deg)
}

.c100.p83 .bar {
  -webkit-transform: rotate(298.8deg);
  -moz-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  -o-transform: rotate(298.8deg);
  transform: rotate(298.8deg)
}

.c100.p84 .bar {
  -webkit-transform: rotate(302.40000000000003deg);
  -moz-transform: rotate(302.40000000000003deg);
  -ms-transform: rotate(302.40000000000003deg);
  -o-transform: rotate(302.40000000000003deg);
  transform: rotate(302.40000000000003deg)
}

.c100.p85 .bar {
  -webkit-transform: rotate(306deg);
  -moz-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  -o-transform: rotate(306deg);
  transform: rotate(306deg)
}

.c100.p86 .bar {
  -webkit-transform: rotate(309.6deg);
  -moz-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  -o-transform: rotate(309.6deg);
  transform: rotate(309.6deg)
}

.c100.p87 .bar {
  -webkit-transform: rotate(313.2deg);
  -moz-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  -o-transform: rotate(313.2deg);
  transform: rotate(313.2deg)
}

.c100.p88 .bar {
  -webkit-transform: rotate(316.8deg);
  -moz-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  -o-transform: rotate(316.8deg);
  transform: rotate(316.8deg)
}

.c100.p89 .bar {
  -webkit-transform: rotate(320.40000000000003deg);
  -moz-transform: rotate(320.40000000000003deg);
  -ms-transform: rotate(320.40000000000003deg);
  -o-transform: rotate(320.40000000000003deg);
  transform: rotate(320.40000000000003deg)
}

.c100.p90 .bar {
  -webkit-transform: rotate(324deg);
  -moz-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  -o-transform: rotate(324deg);
  transform: rotate(324deg)
}

.c100.p91 .bar {
  -webkit-transform: rotate(327.6deg);
  -moz-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  -o-transform: rotate(327.6deg);
  transform: rotate(327.6deg)
}

.c100.p92 .bar {
  -webkit-transform: rotate(331.2deg);
  -moz-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  -o-transform: rotate(331.2deg);
  transform: rotate(331.2deg)
}

.c100.p93 .bar {
  -webkit-transform: rotate(334.8deg);
  -moz-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  -o-transform: rotate(334.8deg);
  transform: rotate(334.8deg)
}

.c100.p94 .bar {
  -webkit-transform: rotate(338.40000000000003deg);
  -moz-transform: rotate(338.40000000000003deg);
  -ms-transform: rotate(338.40000000000003deg);
  -o-transform: rotate(338.40000000000003deg);
  transform: rotate(338.40000000000003deg)
}

.c100.p95 .bar {
  -webkit-transform: rotate(342deg);
  -moz-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  -o-transform: rotate(342deg);
  transform: rotate(342deg)
}

.c100.p96 .bar {
  -webkit-transform: rotate(345.6deg);
  -moz-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  -o-transform: rotate(345.6deg);
  transform: rotate(345.6deg)
}

.c100.p97 .bar {
  -webkit-transform: rotate(349.2deg);
  -moz-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  -o-transform: rotate(349.2deg);
  transform: rotate(349.2deg)
}

.c100.p98 .bar {
  -webkit-transform: rotate(352.8deg);
  -moz-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  -o-transform: rotate(352.8deg);
  transform: rotate(352.8deg)
}

.c100.p99 .bar {
  -webkit-transform: rotate(356.40000000000003deg);
  -moz-transform: rotate(356.40000000000003deg);
  -ms-transform: rotate(356.40000000000003deg);
  -o-transform: rotate(356.40000000000003deg);
  transform: rotate(356.40000000000003deg)
}

.c100.p100 .bar {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg)
}

.c100.dark {
  background-color: #777
}

.c100.dark .bar,
.c100.dark .fill {
  border-color: #c6ff00 !important
}

.c100.dark>span {
  color: #777
}

.c100.dark:after {
  background-color: #666
}

.c100.dark:hover>span {
  color: #c6ff00
}

.c100.green .bar,
.c100.green .fill {
  border-color: #70cf00 !important
}

.c100.green.dark .bar,
.c100.green.dark .fill {
  border-color: #5fd400 !important
}

.tag-job {
  display: inline-block;
  background-color: #f4f4f4;
  border-radius: 5px;
  padding: 12px 15px 15px 15px;
  text-transform: uppercase;
  height: 40px;
  margin: 0 2px 5px 0;
  letter-spacing: .5px
}

.label-cell {
  margin-right: 20px;
  margin-top: 12px;
  margin-bottom: 0;
  float: left;
  text-transform: uppercase
}

.form-element .dropdown-block {
  float: left
}

.form-element .dropdown-button {
  float: none;
  display: block
}

.progress-status {
  padding-bottom: 10px
}

.progress-details {
  margin-bottom: 15px;
  font-family: 'DIN Bold'
}

.progressbar {
  height: 2px;
  background-color: #777;
  position: relative;
  width: 100%
}

.progressbar-value {
  height: 2px
}

.progressbar-button {
  height: 9px;
  width: 9px;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: -4px
}

.card-cell-left .text-cell {
  text-transform: capitalize
}

.card-designation-small .job-code {
  color: #777
}

.common-cell {
  overflow: hidden
}

.common-cell .job-status {
  width: 8px;
  height: 8px;
  float: left
}

.name-cell {
  line-height: 15px;
  color: #494949;
  font-family: 'DIN Regular';
  text-transform: capitalize;
  display: block
}

.common-cell .job-code {
  display: block
}

.font-bold {
  font-family: 'DIN Bold';
  line-height: 14px;
  color: #494949
}

.mrg-lf-20 {
  margin: -15px 20px 10px
}

.card-candidate-untagged .profile-completed {
  width: 100%
}

.card-candidate-untagged .btn-row {
  position: relative
}

.card-candidate-drafts .width50 {
  width: 50%
}

.card-candidate-drafts .width30 {
  width: auto;
  margin-left: 10px
}

.card-erp .card-designation,
.card-ijp .card-designation {
  padding-top: 10px;
  height: 58px
}

.required-experience-row {
  padding: 3px 10px 7px 10px
}

.card-ijp .popup-small .popup-top {
  margin-bottom: 22px
}

.card-ijp .popup-small .btn-row .btn-gray {
  display: inline-block
}

.required-cell {
  display: block;
  color: #494949;
  margin-bottom: 8px
}

.btn-two {
  margin-left: 20px;
  margin-right: 20px;
  position: relative
}

.btn-2 {
  width: 49%;
  float: left;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  margin: 0
}

.border2 {
  border-bottom: solid 2px #e3e3e3
}

.popup-refer-candidate .popup-small-inner {
  padding: 15px;
  max-height: inherit
}

.attached-cell {
  padding: 0 0 10px 0
}

.attached-cell .font-bold {
  display: inline-block;
  vertical-align: top;
  padding-top: 3px;
  padding-left: 4px
}

.attached-cell .done-icon {
  color: #70cf00;
  font-size: 22px
}

.attached-cell .delete-icon {
  float: right;
  margin-right: -2px
}

.card-draft .profile-completed {
  width: 100%
}

.card-draft .delete-icon {
  margin-right: -3px;
  margin-top: 2px;
  color: #939598
}

.card-draft .card-designation {
  padding-bottom: 0;
  height: 41px
}

.card-draft .card-profile-row {
  border: none
}

.search-card-block {
  margin: -10px -40px 6px -32px
}

.search-card-block .search-block {
  border-radius: 0
}

.search-card-block .search-block .form-control {
  color: #fff;
  font-size: 18px;
  letter-spacing: -.5px;
  line-height: 17px;
  font-family: 'DIN Bold';
  padding: 14px 0 18px 33px;
  height: 60px
}

.search-card-block .form-control::-moz-placeholder {
  color: #fff
}

.search-card-block .btn {
  color: #fff;
  font-size: 24px;
  margin-right: 9px;
  margin-top: -6px
}

.section-search-card {
  padding-top: 5px;
  margin-bottom: 13px
}

.section-search-card .title-sub {
  margin-bottom: 0
}

.live-feed-block {
  padding: 0
}

.live-feed-block .chats-accordion-title {
  position: static
}

.title-live .main-title {
  width: 88%
}

.title-live .dropdown-block {
  width: 12%
}

.title-live .dropdown-block .text-dropdown {
  padding: 0;
  width: 45px
}

.live-feed-block .font-bold {
  padding-left: 0;
  text-transform: uppercase;
  display: block
}

.live-feed-block .chats-accordion-summary {
  width: 180px;
  float: left;
  padding-right: 22px
}

.live-feed-block .time-bock .material-icons {
  float: right;
  margin: 0 10px 0 0
}

.live-feed-block .time-bock-inner {
  padding-right: 25px
}

.live-feed-summary {
  float: left;
  padding-top: 8px;
  color: #777;
  font-family: 'DIN Bold'
}

.live-feed-summary a {
  color: #777
}

.live-feed-summary .tooltip-inner {
  max-width: 200px;
  padding: 13px 16px;
  color: #fff;
  background-color: #ee3e80;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-family: 'DIN Bold'
}

.live-feed-summary .tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #ee3e80
}

.job-btn-one .btn {
  margin-top: 24px
}

.job-btn-one .popup-small {
  top: 100%
}

.vertical-scrollbox {
  overflow: auto;
  width: 100% !important
}

.track {
  width: 7px;
  background-clip: padding-box;
  background: #e3e3e3;
  border-radius: 5px
}

.slimscroll-wrapper {
  overflow: inherit !important
}

.slimscroll-grid {
  position: absolute;
  top: 0;
  right: 0;
  width: 7px !important;
  height: 100%;
  background: #e3e3e3 !important;
  opacity: 1;
  display: block;
  cursor: pointer;
  z-index: 99;
  border-radius: 5px !important;
  margin: 1px 2px
}

.slimscroll-bar {
  position: absolute;
  right: 2px !important;
  width: 7px !important;
  opacity: 1;
  display: block;
  cursor: pointer;
  z-index: 100;
  border-radius: 5px !important;
  margin: 1px 0
}

.handle {
  width: 7px;
  background-clip: padding-box;
  border-radius: 5px
}

.gradient-top-bot {
  position: relative;
  margin: 0 -20px
}

.gradient-top-bot:before {
  background-color: #fff;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff, #fff);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0), #fff, #fff);
  background: linear-gradient(top, rgba(255, 255, 255, 0), #fff, #fff);
  padding-top: 100px;
  position: absolute;
  right: 0;
  content: '';
  bottom: -32px;
  width: 100%
}

.fade-opacity {
  color: #e3e3e3
}

.fade-opacity-text span {
  color: #e3e3e3
}

.fade-opacity-text.job-accepted {
  color: #777
}

.white-color {
  color: #fff
}

.color-org {
  background-color: #e0995e
}

.color-red {
  background-color: #c75c5c
}

.color-sky {
  background-color: #76c2af
}

.color-gray-tx {
  color: #777;
  background-color: #e3e3e3
}

.align-center-mid {
  display: table-cell;
  vertical-align: middle;
  text-align: center
}

.fl-right {
  float: right !important
}

.fl-left {
  float: left
}

.padding15 {
  padding: 15px
}

.padding-none {
  padding: 0
}

.padding-b0 {
  padding-bottom: 0
}

.padding-r25 {
  padding-right: 25px
}

.padding-l20 {
  padding-left: 20px
}

.padding-t10 {
  padding-top: 10px
}

.padding-b10 {
  padding-bottom: 10px
}

.padding-b5 {
  padding-bottom: 5px
}

.margin-r5 {
  margin-right: 5px
}

.margin-r25 {
  margin-right: 25px
}

.margin-r15 {
  margin-right: 15px
}

.margin-l5 {
  margin-left: 5px
}

.margin-none {
  margin: 0 !important
}

.margin-bot-none {
  margin-bottom: 0
}

.fnt12 {
  font-size: 12px
}

.border-top-none {
  border-top: none !important
}

.border-right-none {
  border-right: none !important
}

.border-bot-none {
  border-bottom: none !important
}

.border-bot {
  border-bottom: solid 2px #e3e3e3
}

.desktop-only {
  display: block
}

.button-mobile-menu,
.mobile-applied,
.mobile-only {
  display: none
}

.bar-navigation li.nav-mobile {
  display: none
}

.section-row {
  margin-bottom: 30px;
  margin-left: -20px;
  margin-right: -20px;
  clear: both;
  display: block
}

.section_halfPluse {
  width: 56.875%;
  float: right;
  padding-left: 20px;
  padding-right: 20px
}

.section_halfLess {
  width: 43.125875%;
  float: right;
  padding-left: 20px;
  padding-right: 20px
}

.title-row .main-title2 {
  letter-spacing: .8px;
  margin-bottom: 15px;
  padding-top: 6px;
  padding-bottom: 18px;
  line-height: 18px;
  border-bottom: solid 1px #aeaeae;
  font-size: 18px;
  text-transform: uppercase;
  color: #494949;
  margin-right: 19px
}

.clearAllFields,
.title-row .main-title2 .clearAllFields {
  font-size: 12px;
  font-family: 'DIN Regular';
  font-weight: 400 !important;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: .5px;
  text-align: center;
  color: #494949;
  float: right;
  text-transform: uppercase;
  padding-top: 3px
}

.item_list li .row {
  margin-left: -4.5px !important;
  margin-right: -4.5px !important
}

.item_list li .col-lg-1,
.item_list li .col-lg-10,
.item_list li .col-lg-11,
.item_list li .col-lg-12,
.item_list li .col-lg-2,
.item_list li .col-lg-3,
.item_list li .col-lg-4,
.item_list li .col-lg-5,
.item_list li .col-lg-6,
.item_list li .col-lg-7,
.item_list li .col-lg-8,
.item_list li .col-lg-9,
.item_list li .col-md-1,
.item_list li .col-md-10,
.item_list li .col-md-11,
.item_list li .col-md-12,
.item_list li .col-md-2,
.item_list li .col-md-3,
.item_list li .col-md-4,
.item_list li .col-md-5,
.item_list li .col-md-6,
.item_list li .col-md-7,
.item_list li .col-md-8,
.item_list li .col-md-9,
.item_list li .col-sm-1,
.item_list li .col-sm-10,
.item_list li .col-sm-11,
.item_list li .col-sm-12,
.item_list li .col-sm-2,
.item_list li .col-sm-3,
.item_list li .col-sm-4,
.item_list li .col-sm-5,
.item_list li .col-sm-6,
.item_list li .col-sm-7,
.item_list li .col-sm-8,
.item_list li .col-sm-9,
.item_list li .col-xs-1,
.item_list li .col-xs-10,
.item_list li .col-xs-11,
.item_list li .col-xs-12,
.item_list li .col-xs-2,
.item_list li .col-xs-3,
.item_list li .col-xs-4,
.item_list li .col-xs-5,
.item_list li .col-xs-6,
.item_list li .col-xs-7,
.item_list li .col-xs-8,
.item_list li .col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-left: 4.5px;
  padding-right: 4.5px
}

.item_list {
  margin: 0;
  padding: 0;
  list-style: none
}

.item_list>li {
  float: left;
  width: 100%;
  clear: both;
  background-color: #fff;
  margin-bottom: 10px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1);
  border-radius: 5px;
  position: relative
}

.item_list>li .btn .progress-title {
  text-align: left;
  font-family: 'DIN Regular';
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: .94;
  letter-spacing: -.5px;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 12px
}

.item_list>li .btn.btn-progress {
  height: 60px;
  padding: 13px 15px !important
}

.item_list>li .btn .progress-title .big {
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: .94;
  letter-spacing: -.5px;
  color: #fff;
  margin-left: 5px
}

.item_list>li .btn .progress-title .small-text {
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #fff;
  float: right
}

.item_list>li .btn-gray,
.item_list>li .btn-primary {
  padding: 10px 15px
}

.item_list li.first_row_btn {
  padding: 0 !important;
  box-shadow: none !important;
  background: 0 0 !important
}

.item_list li.active .info_title .clearAllFields {
  display: inline-block
}

.item_list li .info_title .clearAllFields {
  display: none
}

.item_list li .info_title {
  font-size: 18px;
  font-weight: bolder;
  font-style: normal;
  font-stretch: normal;
  line-height: .94;
  letter-spacing: -.5px;
  color: #aeaeae;
  background-color: #f5f5f5;
  padding: 10px 15px;
  border-radius: 5px
}

.item_list li.active .info_title {
  min-height: 50px;
  margin-bottom: 3px;
  max-height: 100%;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.label-block {
  display: block
}

.item_list li .info_title .count_Icon {
  margin-right: 10px
}

.item_list li.success .info_title .count_Icon {
  border: solid .5px #70cf00;
  color: #fff
}

.item_list li.success .info_title .count_Icon::after {
  display: block;
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #70cf00;
  top: 2px;
  left: 2px;
  z-index: -1
}

.video-block {
  padding: 15px !important
}

.count_Icon {
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative;
  border: solid .5px #aeaeae;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 27px;
  text-align: center;
  letter-spacing: -.5px;
  color: #aeaeae;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1
}

.info_title .clearAllFields {
  line-height: 22px
}

.item_list li .radio {
  min-height: 25px
}

.item_list li .radio .radio_label_inline label {
  font-family: 'DIN Regular';
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #777;
  padding-left: 30px
}

.item_list li .radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  margin-left: 0 !important;
  border: 2px solid #777;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border .15s ease-in-out;
  -o-transition: border .15s ease-in-out;
  transition: border .15s ease-in-out
}

.item_list li .radio .radio_label_inline.active label::before {
  border: 2px solid
}

.item_list li .radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 10px;
  height: 10px;
  left: 5px;
  top: 5px;
  margin-left: 0 !important;
  border-radius: 50%;
  background-color: #777;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
  -moz-transition: -moz-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
  -o-transition: -o-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
  transition: transform .1s cubic-bezier(.8, -.33, .2, 1.33)
}

.item_list .form-group .control-label {
  font-size: 12px;
  font-family: 'DIN Regular';
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.17;
  letter-spacing: normal
}

.item_list .radio,
.item_list>.radio-inline {
  padding-left: 0
}

.item_list>li .radio.radio-inline.radio_first {
  padding-left: 40px !important
}

.row2 {
  margin-left: 0;
  margin-right: 0
}

.skill-row {
  margin-left: -2.5px;
  margin-right: -2.5px
}

.row2::after,
.row2::before,
.row3::after,
.row3::before,
.skill-row::after,
.skill-row::before {
  display: table;
  content: " ";
  clear: both
}

.dropdown-11.list-block {
  width: 100%
}

.doted_progress_bar {
  display: block
}

.doted_progress_bar ul {
  display: table;
  table-layout: fixed;
  width: 100%
}

.item_list li.success .form_outer {
  display: none
}

.doted_progress_bar ul li {
  display: table-cell;
  border-bottom: solid 1px #777;
  position: relative;
  height: 1px
}

.Oval_7 {
  width: 10px;
  height: 10px;
  background-color: #777;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: -5px
}

.doted_progress_bar ul li:last-child {
  display: table-cell;
  width: 10px;
  border-bottom: solid 1px #777;
  position: relative;
  height: 1px
}

.doted_progress_bar ul li:last-child .Oval_7 {
  left: auto;
  right: 0
}

.doted_progress_bar ul li.Complete .Oval_7 {
  background-color: #ee3e80
}

.doted_progress_bar ul li.Complete {
  border-bottom: solid 1px #ee3e80
}

.doted_progress_bar ul li.active:before {
  display: block;
  content: "";
  position: absolute;
  bottom: -1px;
  width: 50%;
  border-bottom: solid 1px #ee3e80
}

.doted_progress_bar ul li.active .Oval_7 {
  background-color: #ee3e80
}

.dummy_resume {
  margin-top: 10px;
  width: 100%
}

.referTo_link {
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #e71d09
}

.item_list li .column-footer {
  padding-bottom: 5px
}

.item_list li .form-control {
  padding: 10px 9px;
  color: #777;
  background-color: #f5f5f5;
  border: none
}

.item_list li .bootstrap-select .dropdown-toggle {
  padding-left: 9px !important
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option.pull-left {
  color: #777 !important
}

.item_list li .form-control:focus {
  border: none !important;
  outline: 0 !important
}

.item_list li .form_outer {
  display: none;
  padding: 10px 15px
}

.item_list li .form_outer.form_inner_block {
  padding: 0
}

.item_list li .form_outer.form_inner_block .form_inner_block_list {
  padding: 15px;
  border-bottom: solid 2px #e3e3e3
}

.item_list li.active .form_outer {
  display: block
}

.item_list li .btn-gray[disabled],
.item_list li .btn-primary[disabled] {
  background-color: #e3e3e3;
  border: none;
  opacity: 100
}

.checkbox.CheckBox-right label::before {
  left: inherit;
  right: 0;
  margin-right: 0;
  background: 0 0;
  border-color: #adadad;
  width: 15px;
  height: 15px
}

.checkbox.CheckBox-right label::after {
  display: inline-block;
  position: absolute;
  width: 14px;
  height: 14px;
  right: 1px;
  top: -1px;
  left: inherit;
  margin-right: 0
}

.checkbox.CheckBox-right label,
.checkbox.checkbox-inline.CheckBox-right label {
  padding-left: 0;
  padding-right: 20px
}

.item_list li .checkbox.CheckBox-right label.gray-color {
  color: #777 !important
}

.form-control.add-new {
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.17;
  letter-spacing: .5px;
  text-align: center;
  color: #777;
  text-transform: uppercase;
  position: relative;
  background: #fff;
  z-index: 1;
  border: none
}

.form-control.add-new::before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: dashed 2px #aeaeae;
  background: #fff;
  z-index: -2;
  border-radius: 5px
}

.form-control.add-new::after {
  display: block;
  content: "";
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  background: #fff;
  z-index: -1
}

.form-group.add-new-jobgroup {
  padding-top: 15px;
  border-top: solid 1px #e3e3e3
}

.btn-skill {
  display: inline-block;
  min-width: 111px;
  height: 40px;
  text-transform: uppercase;
  padding: 12px 35px 12px 15px;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.17;
  letter-spacing: .5px;
  color: #494949;
  position: relative;
  background-color: #f5f5f5;
  border: solid 1px #f5f5f5;
  border-radius: 5px
}

.btn-skill-group {
  padding: 2.5px;
  display: inline-block;
  min-width: 111px;
  float: left
}

.btn-skill-group .btn-skill .material-icons {
  font-size: 14px;
  position: absolute;
  right: 15px;
  top: 12px;
  color: #aeaeae;
  cursor: pointer
}

.btn-skill.add-skill-set {
  text-transform: inherit;
  color: #777;
  line-height: 1.17;
  font-weight: lighter;
  cursor: pointer
}

.required-text-note {
  line-height: 1.17;
  letter-spacing: normal;
  color: #494949;
  font-size: 12px;
  padding-top: 5px
}

.document-table thead th {
  background-color: #939598;
  min-height: 40px;
  vertical-align: middle !important;
  color: #fff;
  border: none !important
}

.document-table .count-cell {
  width: 50px;
  height: 40px;
  text-align: center
}

.document-table tbody .count-cell {
  border-right: solid 1px #e3e3e3 !important
}

.document-table tbody td {
  height: 40px;
  vertical-align: middle !important
}

.document-table thead th.option-cell {
  text-align: center
}

.document-table .option-cell {
  width: 173px;
  text-align: right
}

.table.document-table tbody td {
  border-top: solid 1px #e3e3e3
}

.table.document-table tbody tr:first-child td {
  border-top: none !important
}

.document-table .doc-name-cell {
  padding-left: 40px
}

.document-table tbody .doc-name-cell {
  color: #494949;
  font-weight: 700;
  font-size: 12px
}

.document-table tbody .doc-name-cell .material-icons {
  float: left;
  margin-right: 20.4px;
  font-size: 17.6px;
  color: #e3e3e3
}

.document-table tbody tr.done .doc-name-cell .material-icons {
  color: #70cf00
}

.document-table tbody tr.active td {
  background: #e3e3e3;
  font-weight: 700
}

.document-table tbody .option-cell a {
  margin-right: 20px;
  color: #aeaeae;
  display: inline-block;
  height: 13px
}

.btn-default-outline {
  color: #494949;
  background-color: #fff;
  border-color: #aeaeae
}

.column-footer .btn+.btn {
  margin-left: 7px
}

.btn-file {
  width: 40px;
  height: 40px;
  position: relative;
  float: left;
  margin-right: 10px;
  padding: 12px;
  background-color: #f4f4f4;
  border-radius: 50%
}

.btn-file .material-icons {
  font-size: 17px
}

.file {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0
}

.fileValue {
  width: 66%;
  word-wrap: break-word;
  display: inline-block;
  height: 40px;
  float: left;
  padding: 14px 0;
  line-height: 10px
}

.option-cell .tootip {
  background: #000 !important;
  width: 62px !important;
  opacity: .9 !important;
  color: #fff
}

.form_outer .text-nowrap-grad:before {
  background-color: #fff;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff, #fff);
  background: linear-gradient(left, rgba(255, 255, 255, 0), #fff, #fff)
}

.section_candidate_details {
  padding-top: 13px;
  width: 100%;
  float: left;
  margin-bottom: 20px
}

.section_candidate_details .job-details-inner {
  width: 100%;
  padding-right: 0
}

.candidate_profule_img {
  float: left;
  width: 50px;
  height: 49.8px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 19px
}

.candidate_profule_img img {
  width: 100%;
  height: 100%
}

.section_candidate_details .job-details-inner .card-designation {
  height: auto;
  padding-bottom: 8.2px
}

.input_icon {
  position: relative
}

.input_icon .form-control {
  padding-right: 40px !important
}

.input_icon .material-icons {
  position: absolute;
  z-index: 2;
  right: 0;
  color: #aeaeae;
  font-size: 18px;
  top: 0;
  background: 0 0;
  border: none;
  box-shadow: none
}

.input_icon .material-icons.done {
  color: #70cf00
}

.templateTable {
  max-height: 275px
}

.templateTable .table>tbody>tr>td,
.templateTable .table>tbody>tr>th,
.templateTable .table>thead>tr>th {
  padding: 8px;
  padding-left: 16px;
  vertical-align: middle;
  border-top: 2px solid #e3e3e3;
  height: 40px
}

.item_list.item_list2>li .templateTable {
  border-radius: 5px
}

.item_list.item_list2>li .templateTable .temp_list_item li {
  padding: 8px 16px;
  vertical-align: middle;
  border-top: 2px solid #e3e3e3;
  height: 40px;
  line-height: 20px
}

.item_list.item_list2>li .templateTable .temp_list_item {
  background: #fff;
  border-radius: 5px
}

.item_list.item_list2>li .templateTable .temp_list_item li:first-child {
  border-top: none
}

.item_list.item_list2>li .templateTable.vertical-scrollbox+div {
  right: 3px !important;
  left: inherit !important;
  width: 5px !important
}

.item_list.item_list2>li .templateTable.vertical-scrollbox+div .enscroll-track,
.item_list.item_list2>li .templateTable.vertical-scrollbox+div .enscroll-track .handle {
  width: 5px !important
}

.item_list.item_list2>li .templateTable.vertical-scrollbox {
  padding-right: 0 !important
}

.scrollOuterPadding {
  padding-right: 13px !important
}

.templateTable {
  border-radius: 5px
}

.item_list.item_list2>li .templateTable .temp_list_item li.active {
  background-color: #f5f5f5
}

.item_list.item_list2>li .templateTable .temp_list_item li .option_action {
  text-align: right;
  float: right
}

.item_list.item_list2>li .templateTable .temp_list_item li .option_action a {
  display: inline-block;
  width: 16px;
  margin-left: 15px;
  margin-top: 3px
}

.item_list.item_list2>li .templateTable .temp_list_item li .option_action .material-icons {
  font-size: 17px;
  color: #aeaeae
}

.info_title.gray {
  color: #777 !important;
  line-height: 27px !important
}

#amount,
#amount2 {
  border: none;
  outline: 0;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #494949;
  max-width: 80px;
  margin-bottom: 9px
}

#amount {
  text-align: left;
  float: left
}

#amount2 {
  text-align: right;
  float: right
}

.rangeDot {
  position: absolute;
  width: 2px;
  height: 2px;
  border: solid 1px #777;
  display: inline-block
}

#slider-range .rangeDot::first-child {
  top: 0;
  left: 0
}

#slider-range .rangeDot+.rangeDot {
  top: 0;
  left: 10%
}

#slider-range .rangeDot+.rangeDot+.rangeDot {
  top: 0;
  left: 20%
}

#slider-range .rangeDot+.rangeDot+.rangeDot+.rangeDot {
  top: 0;
  left: 30%
}

#slider-range .rangeDot+.rangeDot+.rangeDot+.rangeDot+.rangeDot {
  top: 0;
  left: 40%
}

#slider-range .rangeDot+.rangeDot+.rangeDot+.rangeDot+.rangeDot+.rangeDot {
  top: 0;
  left: 50%
}

#slider-range .rangeDot+.rangeDot+.rangeDot+.rangeDot+.rangeDot+.rangeDot+.rangeDot {
  top: 0;
  left: 60%
}

#slider-range .rangeDot+.rangeDot+.rangeDot+.rangeDot+.rangeDot+.rangeDot+.rangeDot+.rangeDot {
  top: 0;
  left: 70%
}

#slider-range .rangeDot+.rangeDot+.rangeDot+.rangeDot+.rangeDot+.rangeDot+.rangeDot+.rangeDot+.rangeDot {
  top: 0;
  left: 80%
}

#slider-range .rangeDot+.rangeDot+.rangeDot+.rangeDot+.rangeDot+.rangeDot+.rangeDot+.rangeDot+.rangeDot+.rangeDot {
  top: 0;
  left: 90%
}

#slider-range .rangeDot+.rangeDot+.rangeDot+.rangeDot+.rangeDot+.rangeDot+.rangeDot+.rangeDot+.rangeDot+.rangeDot+.rangeDot {
  top: 0;
  left: 99.9%
}

.text_normalCase {
  text-transform: none !important
}

.btn-primary-outline {
  border-radius: 5px;
  background-color: #f5f5f5;
  border: solid 1px
}

.drag_left {
  position: absolute;
  top: 0;
  left: 100%;
  width: 50%
}

.item_list.item_list2>li {
  box-shadow: none;
  background-color: #f5f5f5
}

.item_list.item_list2>li .dropdown-11 .btn,
.item_list.item_list2>li .form-control {
  color: #494949;
  background-color: #fff
}

.item_list.item_list2>li .btn-skill,
.item_list.item_list2>li .form-control {
  background-color: #fff;
  border-color: #fff
}

textarea.form-control.jobDiscriptionTextarea {
  height: 180px;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.21;
  letter-spacing: normal;
  color: #777;
  padding: 20px
}

.text-icon-btn {
  padding: 0 20px
}

.text-icon-btn .btn-text {
  display: inline-block;
  line-height: 40px;
  vertical-align: top;
  color: #777
}

.text-icon-btn .material-icons {
  display: inline-block;
  padding-top: 11px;
  color: #777
}

.btnOR {
  height: 40px;
  line-height: 36px;
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal
}

.editorDrop {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.17;
  letter-spacing: .5px;
  color: #494949;
  position: relative;
  padding-right: 25px;
  text-transform: uppercase
}

.editorDrop .material-icons {
  position: absolute;
  right: 0;
  top: 0;
  color: #000;
  font-size: 22px;
  line-height: 10px;
  width: 15px
}

.editorIcons_row .inline_icon_outer {
  display: inline-block;
  padding: 5px 20px;
  border-left: solid 1px #939598;
  height: 28px;
  float: left
}

.editorIcons_row .inline_icon_outer:first-child {
  padding-left: 0;
  border-left: none
}

.editorIcons_row .inline_icon_outer .IconStyle {
  width: 14px;
  height: 18px;
  color: #939598;
  line-height: 10px;
  margin: 5px 0 5px 30px
}

.editorIcons_row .inline_icon_outer .IconStyle .material-icons {
  color: #494949
}

.editorIcons_row .inline_icon_outer .IconStyle:first-child {
  margin-left: 0
}

.footer_notification {
  height: 40px;
  vertical-align: bottom;
  display: table
}

.footer_notification .notification_footer_text {
  font-size: 8px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: .5px;
  text-align: left;
  text-transform: uppercase;
  vertical-align: bottom;
  display: table-cell
}

.form-label {
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.17;
  letter-spacing: normal;
  font-family: 'DIN Regular'
}

.icon_group_right {
  float: right
}

.icon_group_right .material-icons {
  margin-left: 15px;
  font-size: 20px;
  color: #939598
}

.title_label {
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #494949
}

.label-light label {
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #777;
  font-family: 'DIN Regular'
}

.form_inner_block .title_label+textarea {
  margin-top: 5px
}

.form-control.textarea_standardHeight {
  height: 100px
}

.form_inner_block .inline_icon_outer.icon_group_right {
  height: 20px;
  margin-top: 10px
}

.form-controll-group .form-control {
  margin-bottom: 5px
}

.input_icon_left {
  padding-left: 30px;
  position: relative
}

.input_icon_left .material-icons {
  position: absolute;
  left: 2px;
  top: 10px;
  color: #939598;
  z-index: 2
}

.swich_checkbox {
  display: block;
  position: relative;
  padding-right: 40px
}

.swich_checkbox input[type=checkbox]+label {
  font-family: 'DIN Regular';
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #494949
}

.swich_checkbox input[type=checkbox] {
  position: absolute;
  margin: 0;
  width: 38px;
  height: 18px;
  top: -2px;
  right: -2px;
  z-index: 2;
  opacity: 0;
  cursor: pointer
}

.swich_checkbox input[type=checkbox]+label::before {
  content: "";
  width: 34px;
  height: 14px;
  position: absolute;
  right: 3px;
  top: 0;
  opacity: .5;
  display: block;
  border-radius: 10px;
  z-index: 0
}

.swich_checkbox input[type=checkbox]:not(:checked)+label::before {
  content: "";
  width: 34px;
  height: 14px;
  position: absolute;
  right: 3px;
  top: 0;
  opacity: .5;
  background-color: #333;
  display: block;
  border-radius: 10px;
  z-index: 0
}

.swich_checkbox input[type=checkbox]:checked+label::after {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .24), 0 0 1px 0 rgba(0, 0, 0, .12);
  border-style: solid;
  border-width: .5px;
  border-image-source: linear-gradient(to bottom, rgba(255, 255, 255, .12), rgba(255, 255, 255, .06) 20%, rgba(255, 255, 255, 0));
  border-image-slice: 1;
  right: 0;
  top: -3px;
  z-index: 1;
  border-radius: 50%
}

.swich_checkbox input[type=checkbox]:not(:checked)+label::after {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  background-color: #e3e3e3;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .24), 0 0 1px 0 rgba(0, 0, 0, .12);
  border-style: solid;
  border-width: .5px;
  border-image-source: linear-gradient(to bottom, rgba(255, 255, 255, .12), rgba(255, 255, 255, .06) 20%, rgba(255, 255, 255, 0));
  border-image-slice: 1;
  right: 23px;
  top: -3px;
  z-index: 1;
  border-radius: 50%
}

.form-control.check_btn {
  padding: 13px 20px 13px 9px !important
}

.logo_outer {
  width: 125px;
  height: 63px;
  vertical-align: middle;
  display: table-cell
}

.logo_outer img {
  max-width: 125px;
  max-height: 63px;
  vertical-align: middle
}

.bar-navigation li.alt-dropdown:hover>a,
.bar-navigation li.open>a,
.bar-navigation li.open>a.active,
.bar-navigation li.open>a:active,
.bar-navigation li.open>a:focus {
  background-color: #fff;
  position: relative;
  z-index: 1051;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3)
}

.alt-dropdown>a {
  position: relative
}

.alt-dropdown:hover>a:after {
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  z-index: 1051;
  background: #fff
}

.alt-dropdown-menu,
.alt-side-menu,
.alt-side-menu .alt-side-menu {
  display: none
}

.alt-dropdown .alt-sub-menu li:hover>.alt-side-menu {
  display: block;
  position: absolute;
  margin-left: 244px;
  width: 250px
}

.alt-side-menu li:hover .alt-side-menu {
  margin-left: 244px
}

.alt-dropdown-menu,
.alt-more-side-submenu,
.alt-side-menu {
  background-color: #fff;
  border-radius: 6px;
  border: none;
  padding: 10px 0;
  z-index: 1050;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .3)
}

.navigation .alt-dropdown:hover .alt-dropdown-menu {
  position: absolute;
  display: block;
  top: 75px;
  left: 0;
  width: 244px
}

.navigation .alt-dropdown.moreModules:hover .alt-dropdown-menu {
  overflow: inherit
}

.alt-dropdown.moreModules .alt-dropdown-menu .alt-sub-menu li .alt-more-side-submenu {
  position: absolute;
  right: 100%;
  width: 250px;
  display: none
}

.alt-dropdown.moreModules .alt-dropdown-menu .alt-sub-menu li:hover .alt-more-side-submenu {
  display: block
}

.has-submenu::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: solid 4px transparent;
  border-bottom: solid 4px transparent;
  border-right: solid 6px #777;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: 7px
}

.site-header-fixed {
  padding-top: 75px
}

.site-header-fixed .site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9
}

.alt-menu-scroller {
  position: relative;
  display: inline-block;
  width: 100%
}

.dropdown-scroller-bottom {
  position: absolute;
  display: none;
  width: 100%;
  bottom: 0;
  padding: 20px 10px 5px 10px;
  height: 50px;
  text-align: right;
  background: linear-gradient(to top, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, .9) 61%, rgba(255, 255, 255, .6) 76%, rgba(255, 255, 255, 0) 100%)
}

.dropdown-scroller-top {
  position: absolute;
  display: none;
  width: 100%;
  top: 0;
  padding: 5px 10px 20px 10px;
  height: 50px;
  z-index: 99;
  text-align: right;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, .9) 61%, rgba(255, 255, 255, .6) 76%, rgba(255, 255, 255, 0) 100%)
}

.dropdown-scroller-bottom .material-icons,
.dropdown-scroller-top .material-icons {
  font-size: 30px;
  height: 24px;
  cursor: pointer
}

.navigation .alt-dropdown-menu.alt-dropdown-menu-fixed .dropdown-scroller-bottom {
  display: block
}

.navigation .alt-dropdown-menu .alt-sub-menu li>.alt-sub-menu {
  border: none
}

.navigation .alt-dropdown-menu .alt-sub-menu li>.alt-sub-menu li a {
  padding-left: 30px;
  font-size: 13px
}

.corner_bottom_right_none {
  border-bottom-right-radius: 0 !important
}

.mdi20 {
  font-size: 17px
}

.last_login_info {
  text-align: center;
  color: #494949;
  font-size: 10px;
  line-height: 20px
}

.navigation .alt-dropdown-menu li {
  display: block;
  clear: both;
  position: relative
}

.navigation .alt-dropdown-menu li.submenu_title {
  padding: 10px 20px 10px 40px;
  text-transform: uppercase;
  font-family: 'DIN Bold'
}

.alt-dropdown-menu .alt-sub-menu li a {
  display: block;
  font-size: 14px;
  color: #555;
  padding: 7px 20px 7px 20px;
  text-transform: none;
  font-family: 'DIN Regular';
  -webkit-transition: none;
  transition: none;
  line-height: 1.17;
  letter-spacing: .5px
}

.alt-dropdown-menu .alt-menu-scroller .alt-submenu-outer>.alt-sub-menu li a,
.alt-dropdown.moreModules .alt-dropdown-menu .alt-more-side-submenu .alt-menu-scroller .alt-submenu-outer>.alt-sub-menu li a {
  padding: 7px 20px 7px 40px
}

.alt-dropdown>.alt-dropdown-menu .alt-menu-scroller .alt-submenu-outer>.alt-sub-menu li>.alt-side-menu li a {
  padding: 7px 20px 7px 20px
}

.alt-side-menu .alt-sub-menu li a {
  padding: 7px 20px 7px 20px
}

.navigation .alt-dropdown-menu .alt-sub-menu {
  display: block
}

.navigation .alt-dropdown-menu .alt-sub-menu li:hover>a {
  background: #dadada
}

.navigation .alt-dropdown-menu .alt-sub-menu li a {
  text-transform: none;
  box-shadow: none;
  display: block;
  width: 100%
}

.navigation .alt-dropdown-menu .alt-sub-menu li {
  box-shadow: none;
  display: block;
  width: 100%
}

.navigation .alt-dropdown-menu .alt-sub-menu:first-child {
  border-left: none
}

.header-right-inner {
  padding: 10px 0px 0 0px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px
}

.card-flip-profile .card-block-inner.profile_card {
  background-color: #fff;
  text-align: center
}

.card-flip-profile .card-block-inner.profile_card .profile-block,
.team-profile-block {
  float: inherit;
  display: inline-block;
  text-align: center;
  padding: 20px 0
}

.profile_card .profile_title {
  font-size: 18px;
  margin: 0;
  padding: 0;
  line-height: 22px;
  color: #555
}

.profile_completion {
  font-size: 20px;
  margin: 0;
  padding: 0;
  line-height: 25px
}

.profile_card .profile_sub_title {
  font-size: 16px;
  line-height: 20px
}

.btn-link {
  text-transform: uppercase;
  font-size: 14px
}

.btn-info-outline {
  padding-left: 20px !important;
  padding-right: 20px !important;
  background-image: none;
  border: 1px solid;
  text-transform: uppercase;
  font-family: 'DIN Regular';
  letter-spacing: .5px;
  -webkit-box-shadow: none;
  box-shadow: none
}

.card_title_blue {
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 10px
}

.card_title_darkgray {
  font-size: 16px;
  color: #555;
  margin: 0;
  padding: 0;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0
}

.welcome_msg {
  font-size: 14px;
  color: #555;
  line-height: 18px
}

.icon-20 {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-size: auto 19px !important
}

.iconsize-20 {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-position: center !important
}

.icon_sheet {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-size: 30px 30px !important;
}

.submenu_title .icon-20 {
  position: absolute;
  left: 10px
}
.cardtitleIcon:after, .cardtitleIcon:before {
  content: '';
  display: table;
  clear: both;
}
.cardtitleIcon {
  width: 100%;
  clear: both;
  margin-bottom: 10px;
}
.cardtitleIcon .icon_sheet, .cardtitleIcon .icon_sheet_sm {
  float: left;
  margin-right: 10px;
}
.cardtitleIcon .title_outer {
  float: left;
  max-width: 78%;
  padding: 3px 0;
}
.zoom_out {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/svg/default-svg/dashboard_bring_back.svg) no-repeat;
  background-size: 22px 22px
}

.col-one {
  display: block;
  float: right;
  width: 16px;
  height: 13px;
  background: url(../images/svg/worklife-svg/colone.svg) no-repeat;
  background-size: 16px 9px;
  background-position: 0 2px;
  opacity: .7
}

.col-two {
  display: block;
  float: right;
  width: 16px;
  height: 13px;
  background: url(../images/svg/worklife-svg/coltwo.svg) no-repeat;
  background-size: 16px 9px;
  background-position: 0 2px;
  opacity: .7
}

.col-three {
  display: block;
  float: right;
  width: 16px;
  height: 13px;
  background: url(../images/svg/worklife-svg/colthree.svg) no-repeat;
  background-size: 16px 9px;
  background-position: 0 2px;
  opacity: .7
}

.icon-toggle {
  display: none !important
}

.holiday-icon-sheet {
  width: 35px;
  height: 35px;
  display: inline-block;
  background: url(../images/holiday_icons.png) no-repeat
}

.newyear-holiday-icon {
  background-position: 0 -70px
}

.republicday-holiday-icon {
  background-position: 0 -142px
}

.holi-holiday-icon {
  background-position: 0 -210px
}

.goodfriday-holiday-icon {
  background-position: 0 -266px
}

.idulfitr-holiday-icon {
  background-position: 0 -323px
}

.rakshabandhan-holiday-icon {
  background-position: 0 -380px
}

.independenceday-holiday-icon {
  background-position: 0 -438px
}

.ganeshchaturthi-holiday-icon {
  background-position: 0 -495px
}

.idulzuhabakrid-holiday-icon {
  background-position: 0 -551px
}

.dussehra-holiday-icon {
  background-position: 0 -609px
}

.gandhijayanti-holiday-icon {
  background-position: 0 -664px
}

.deepavali-holiday-icon {
  background-position: 0 -724px
}

.bhaidooj-holiday-icon {
  background-position: 0 -779px
}

.christmasday-holiday-icon {
  background-position: 0 -837px
}

.icon_sheet_xs {
  width: 27px;
  height: 27px;
  display: inline-block;
  background-size: auto 27px !important
}

.icon_sheet_sm {
  width: 40px;
  height: 40px;
  display: inline-block
}

.feedaback_icons {
  background: url(../images/feedback.svg) no-repeat
}

.scroller_navi {
  width: 100px;
  margin: 0 auto;
  position: relative;
  height: 20px;
  text-align: center;
  margin-bottom: -15px
}

.scroller_navi ul li {
  display: inline-block;
  text-align: center
}

.scroller_navi ul li .dots {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #b2b2b2;
  text-align: center;
  margin: 2px
}

.scroller_navi .next,
.scroller_navi .previous {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #fff;
  border: solid 1px;
  border-radius: 4px;
  overflow: hidden;
  padding: 0
}

.scroller_navi .next:disabled,
.scroller_navi .previous:disabled {
  opacity: .5
}

.scroller_navi .next .material-icons,
.scroller_navi .previous .material-icons {
  font-size: 24px;
  color: #fff;
  line-height: 19px;
  margin-left: -3px
}

.scroller_navi .next {
  position: absolute;
  right: -20px;
  top: -5px
}

.scroller_navi .previous {
  position: absolute;
  left: -20px;
  top: -5px
}

.hide {
  display: none
}

.scroller_wrap {
  overflow: hidden;
  clear: both;
}

.calender_scroll {
  position: relative;
  margin-bottom: 10px
}

.calender_scroll .previous_date {
  margin-right: 20px
}

.calender_scroll .next_date {
  margin-left: 15px
}

.next_date,
.previous_date {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: solid 1px;
  border-radius: 4px;
  overflow: hidden;
  padding: 0;
  float: left;
  margin-top: 2px
}

.next_date .material-icons,
.previous_date .material-icons {
  font-size: 18px;
  color: #fff;
  line-height: 15px;
  margin-left: -2px
}

.datePicker {
  position: relative;
  float: left;
  display: inline-block;
  max-width: 115px
}

.calendar,
.datePicker input {
  float: left;
  display: block;
  font-size: 16px !important;
  font-weight: 700;
  width: 100%;
  padding-left: 22px !important;
  margin: 0;
  border: none !important;
  height: 20px
}

.datePicker .material-icons {
  position: absolute;
  left: -5px;
  top: -3px;
  font-size: 24px;
  z-index: 2
}

.datePicker .datepicker__calendar {
  position: absolute;
  overflow: hidden;
  z-index: 1000;
  top: 1.9em !important;
  left: -40px !important;
  height: 16.25em !important;
  width: 16.5em !important;
  font-size: 12px !important;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.datePicker .datepicker__calendar__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 2.5em;
  background-color: #fff;
  border-bottom: 1px solid #e8e8e8
}

.datePicker .datepicker__calendar__label {
  display: inline-block !important;
  width: 1.8em !important;
  height: 1.5em !important;
  margin: .2em !important;
  line-height: 1.5em !important;
  text-align: center;
  color: #777 !important
}

.datePicker .datepicker__calendar__month__day {
  display: inline-block !important;
  width: 1.8em !important;
  height: 1.5em !important;
  margin: .2em !important;
  border-radius: 2.2em !important;
  line-height: 1.5em !important;
  text-align: center;
  -webkit-transition: .37s;
  transition: .37s
}

.datePicker .datepicker__calendar__cancel {
  position: absolute !important;
  bottom: .5em !important;
  left: 1em !important;
  color: #777 !important;
  cursor: pointer;
  -webkit-transition: .37s;
  transition: .37s
}

.datepicker__calendar__nav__chevron {
  fill: #777 !important
}

.wish_list li {
  display: block;
  clear: both;
  font-size: 12px;
  font-weight: 700;
  color: #757575;
  line-height: 30px
}

.emp-name-list {
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inherit;
  max-width: 150px;
  float: left;
  margin-right: 4px
}

.wish_list li .empcode {
  color: #767676;
  font-size: 11px;
  font-weight: 500
}

.wish_list li .emplistNo {
  font-size: 12px;
  font-weight: 500;
  margin-left: 5px
}

.btn_tab {
  color: #bebebe;
  display: inline-block;
  width: 100px;
  height: 32px;
  text-align: center;
  border: solid 1px #d1d1d1;
  background: #fff;
  line-height: 28px;
  font-size: 14px;
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  font-weight: 500
}

.btn_tab.active {
  color: #fff;
  display: inline-block;
  text-align: center;
  border: solid 1px;
  font-family: 'DIN Medium'
}

.newJoiner_btn {
  transform-origin: right top 0;
  -webkit-transform-origin: right top 0;
  position: absolute;
  top: 202px;
  right: 32px;
  z-index: 3;
  border-bottom-left-radius: 6px
}

.Anniversary_btn {
  transform-origin: right top 0;
  -webkit-transform-origin: right top 0;
  position: absolute;
  top: 101px;
  right: 32px;
  z-index: 3
}

.birthday_btn {
  position: absolute;
  top: 0;
  right: 32px;
  z-index: 3;
  transform-origin: right top 0;
  -webkit-transform-origin: right top 0;
  border-bottom-right-radius: 6px
}

.alt-card-inner {
  padding: 20px !important;
  position: relative;
  height: 300px !important;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1);
  overflow: hidden
}

.card-flip .card-block-inner.alt-card-inner {
  height: 300px !important
}

.card-flip .card-block-inner.alt-card-inner .card-flip-details-inner {
  height: 300px !important;
  margin: -20px;
  padding-top: 12px;
  overflow: hidden
}

.alt-white-gradient-bottom::before {
  content: "" !important;
  display: block !important;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 60px !important;
  position: absolute;
  z-index: 1;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  background: linear-gradient(to top, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, .9) 61%, rgba(255, 255, 255, .6) 76%, rgba(255, 255, 255, 0) 100%)
}

.alt-card-inner .card-flip-bottom {
  bottom: 20px;
  left: 20px;
  right: 20px
}

.Insights_chats li {
  display: inline-block;
  background: #eee;
  padding: 9px 10px;
  border-radius: 10px;
  margin-bottom: 5px;
  position: relative
}

.chat_title {
  font-size: 14px;
  margin: 0;
  font-weight: 500;
  font-family: 'DIN Regular';
  line-height: 15px
}

.card_title_Insights {
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 3px
}

.btn-link-more {
  text-transform: uppercase;
  font-weight: 700;
  color: #4680ba;
  font-size: 10px
}

.arrowLeft:before {
  content: "";
  position: absolute;
  display: block;
  width: 22px;
  height: 20px;
  background: #eee;
  left: -15px;
  top: 0
}

.arrowLeft:after {
  content: "";
  position: absolute;
  display: block;
  top: -2px;
  left: -10px;
  width: 33px;
  height: 16px;
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  transform: rotate(64deg);
  transform-origin: left top 0
}

.card_title {
  font-size: 18px;
  color: #555;
  line-height: 22px;
  margin: 0;
}

.card_title.card_title_gray_light {
  color: #adadad
}

/*.title_outer {
  padding: 5px 0 10px
}*/

.alt-main-title {
  /*margin-bottom:5px!important*/
}

.listing_title {
  font-size: 14px;
  font-family: 'DIN Medium';
  line-height: 20px;
  color: #585858;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 16px
}

.listing_title .title-danger,
.title-danger {
  color: #da3436
}

.listing_title .title-success,
.title-success {
  color: #7ab120
}

.listing_title .empcode {
  font-family: 'DIN Regular';
  font-size: 12px;
  color: #909090
}

.alt-card-row li {
  padding: 10px 20px;
  border-bottom: solid 1px #e3e3e3;
  position: relative
}

.btn2 {
  height: 32px;
  display: inline-block;
  min-width: 90px;
  padding-top: 8px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 7px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border-radius: 6px;
  text-transform: uppercase;
  font-family: 'DIN bold';
  letter-spacing: .5px;
  font-weight: 100
}

.Medium {
  font-family: 'DIN Medium'
}

.font-size-13 {
  font-size: 13px
}

.rowforCard {
  display: table;
  margin-left: -10px;
  margin-right: -10px
}

.rowforCard .table-cell {
  display: table-cell;
  padding: 0 10px
}

.Hiliday_list {
  display: table;
  width: 100%
}

.Hiliday_list li {
  display: table-row
}

.Hiliday_list li .holiday_cell {
  display: table-cell;
  vertical-align: middle
}

.Hiliday_list li .holiday_cell .holiday-icon-sheet,
.Hiliday_list li .holiday_cell .holidayName {
  vertical-align: middle
}

.Hiliday_list li .holidayName_cell {
  border-top: dashed 1px #e5e5e5;
  padding: 8px 0;
  font-size: 16px
}

.Hiliday_list li:first-child .holidayName_cell {
  border-top: none
}

.Hiliday_list li .holidayDate_cell {
  position: relative;
  width: 80px
}

.Hiliday_list li .holidayDate_cell:before {
  content: "";
  position: absolute;
  display: block;
  right: 15px;
  top: 0;
  bottom: 0;
  width: 2px;
  height: 100%;
  background-color: #e5e5e5
}

.Hiliday_list li .holidayDate_cell:after {
  content: "";
  position: absolute;
  display: block;
  right: 10px;
  top: 40%;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: solid 2px #fff
}

.holiday_month {
  font-size: 12px;
  display: inline-block;
  width: 27px;
  letter-spacing: .5px;
  white-space: nowrap;
  text-overflow: clip
}

.holiday-day {
  font-size: 12px;
  display: block;
  clear: both
}

.Hiliday_list li .holidayDate_cell .holidayDate_cell_Inner {
  display: block;
  width: 60px
}

.holidayName {
  color: #777;
  font-size: 16px;
  font-family: 'DIN Medium';
  display: inline-block;
  width: 83%
}
.holidayName .holiday-date-day-name {
  color: #777;
  font-size: 12px;
  font-family: 'DIN Regular';
  display:block;
  clear:both;
  line-height:20px;
}

.alt-footer {
  padding: 10px 15px;
  background-color: #fff;
  border-top: solid 1px;
  font-family: 'DIN Medium';
  font-size: 13px
}

.playstoreOuter .appStoreIcons {
  display: inline-block;
  padding: 0 10px
}

.playstoreOuter a {
  display: inline-block;
  border: none;
  outline: 0
}

.copyright {
  line-height: 38px
}

.alt_rightoptions {
  height: 230px;
  position: fixed;
  display: inline-block;
  width: auto;
  right: 0;
  z-index: 1001;
  top: 50%;
  bottom: 50%;
  margin-top: -115px
}

.dealoftheday-btn {
  background-color: #ee3e7f;
  margin-top: 23px;
  margin-bottom: 23px
}

.FixedRight-btn {
  height: 46px;
  width: 46px;
  display: block;
  clear: both;
  float: right;
  box-shadow: -1px 3px 5px 1px #999;
  -webkit-box-shadow: -1px 3px 5px 1px #999;
  -moz-box-shadow: -1px 3px 5px 1px #999;
  -o-box-shadow: -1px 3px 5px 1px #999;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-transition: width .2s;
  transition: width .2s
}

.FixedRight-btn:after,
.FixedRight-btn:before {
  content: "";
  display: table;
  clear: both;
  visibility: hidden
}

.feedaback-btn {
  background-color: #555;
  margin-top: 23px;
  margin-bottom: 23px
}

.feedaback-btn .dealoftheday-btn-inner:before {
  background-color: #555
}

.feedaback-btn .dealText {
  line-height: 27px
}

.guidedTour-btn {
  background-color: #6ca3d9;
  margin-top: 23px;
  margin-bottom: 23px
}

.guidedTour-btn .dealoftheday-btn-inner:before {
  background-color: #6ca3d9
}

.dealoftheday-btn .dealoftheday-btn-inner:before {
  background-color: #ee3e7f
}

.FixedRight-btn .icon_sheet_xs {
  margin-right: 10px;
  float: left
}

.FixedRight-btn .dealoftheday-btn-inner {
  position: relative;
  padding: 10px 0 10px 10px;
  display: inline-block;
  width: 140px
}

.dealoftheday-btn-inner:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 15px;
  height: 46px;
  left: -5px;
  top: 0;
  border-radius: 50%;
  -webkit-box-shadow: -4px 0 3px -2px #999;
  box-shadow: -4px 0 3px -2px #999
}

.dealText {
  float: left;
  line-height: 15px;
  text-transform: uppercase;
  color: #fff;
  font-family: 'DIN Regular';
  font-size: 14px;
  display: inline-block;
  font-weight: 600;
  text-align: center
}

.FixedRight-btn .dealoftheday-btn-inner .innerContentNone {
  display: none
}

.FixedRight-btn:hover {
  width: 130px
}

.FixedRight-btn:hover .dealoftheday-btn-inner .innerContentNone {
  display: inline-block
}

#DealDay .modal-header .modal-title {
  text-align: center;
  font-size: 14px;
  text-transform: uppercase
}

#DealDay .modal-header {
  border: none
}

.icon24 {
  font-size: 24px
}

.share_icon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-block;
  background-color: #757575;
  color: #fff;
  padding: 3px;
  font-size: 18px;
  text-align: center;
  cursor: pointer
}

.modalCloseIcon {
  font-size: 28px;
  color: #757575;
  width: 24px;
  height: 24px;
  cursor: pointer
}

#DealDay {
  top: 100px
}

#DealDay .modal-sm .modal-body img {
  max-width: 280px;
  text-align: center;
  display: inline-block
}

.teamMemberContainer li {
  display: inline-block;
  text-align: center;
  width: 33.33333333%;
  float: left;
  font-family: 'DIN Medium';
  padding: 0 10px 10px 10px;
  word-wrap: break-word
}

.teamMemberContainer li:nth-child(3):after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

.teamMemberContainer li:nth-child(3n+1) {
  clear: left;
  clear: both
}

.teamMember_img {
  display: inline-block;
  width: 48px;
  height: 48px
}

.teamMember_img .initial {
  width: 48px;
  height: 48px;
  max-height: 48px;
  max-width: 48px;
  overflow: hidden;
  border-radius: 50%;
  background: #777;
  color: #fff;
  text-align: center;
  display: block;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 48px
}

.teamMember_img img {
  width: 100%;
  height: 100%;
  max-width: 48px;
  max-height: 48px;
  border-radius: 50%
}

.profileImg_block {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 15px 0 10px
}

.progress-radial {
  position: relative;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  display: inline-block
}

.progress-0 {
  background-image: linear-gradient(90deg, #d6e3f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(90deg, #777 50%, #d6e3f0 50%, #d6e3f0)
}

.progress-5 {
  background-image: linear-gradient(90deg, #d6e3f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(108deg, #777 50%, #d6e3f0 50%, #d6e3f0)
}

.progress-10 {
  background-image: linear-gradient(90deg, #d6e3f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(126deg, #777 50%, #d6e3f0 50%, #d6e3f0)
}

.progress-15 {
  background-image: linear-gradient(90deg, #d6e3f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(144deg, #777 50%, #d6e3f0 50%, #d6e3f0)
}

.progress-20 {
  background-image: linear-gradient(90deg, #d6e3f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(162deg, #777 50%, #d6e3f0 50%, #d6e3f0)
}

.progress-25 {
  background-image: linear-gradient(90deg, #d6e3f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(180deg, #777 50%, #d6e3f0 50%, #d6e3f0)
}

.progress-30 {
  background-image: linear-gradient(90deg, #d6e3f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(198deg, #777 50%, #d6e3f0 50%, #d6e3f0)
}

.progress-35 {
  background-image: linear-gradient(90deg, #d6e3f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(216deg, #777 50%, #d6e3f0 50%, #d6e3f0)
}

.progress-40 {
  background-image: linear-gradient(90deg, #d6e3f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(234deg, #777 50%, #d6e3f0 50%, #d6e3f0)
}

.progress-45 {
  background-image: linear-gradient(90deg, #d6e3f0 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(252deg, #777 50%, #d6e3f0 50%, #d6e3f0)
}

.progress-50 {
  background-image: linear-gradient(-90deg, #777 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #777 50%, #d6e3f0 50%, #d6e3f0)
}

.progress-55 {
  background-image: linear-gradient(-72deg, #777 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #777 50%, #d6e3f0 50%, #d6e3f0)
}

.progress-60 {
  background-image: linear-gradient(-54deg, #777 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #777 50%, #d6e3f0 50%, #d6e3f0)
}

.progress-65 {
  background-image: linear-gradient(-36deg, #777 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #777 50%, #d6e3f0 50%, #d6e3f0)
}

.progress-70 {
  background-image: linear-gradient(-18deg, #777 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #777 50%, #d6e3f0 50%, #d6e3f0)
}

.progress-75 {
  background-image: linear-gradient(0deg, #777 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #777 50%, #d6e3f0 50%, #d6e3f0)
}

.progress-80 {
  background-image: linear-gradient(18deg, #777 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #777 50%, #d6e3f0 50%, #d6e3f0)
}

.progress-85 {
  background-image: linear-gradient(36deg, #777 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #777 50%, #d6e3f0 50%, #d6e3f0)
}

.progress-90 {
  background-image: linear-gradient(54deg, #777 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #777 50%, #d6e3f0 50%, #d6e3f0)
}

.progress-95 {
  background-image: linear-gradient(72deg, #777 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #777 50%, #d6e3f0 50%, #d6e3f0)
}

.progress-100 {
  background-image: linear-gradient(90deg, #777 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #777 50%, #d6e3f0 50%, #d6e3f0)
}

.progress-radial .overlay {
  position: absolute;
  width: 80px;
  height: 80px;
  background-color: #fffde8;
  border-radius: 50%;
  margin-left: 6px;
  margin-top: 6px;
  text-align: center;
  line-height: 60px;
  font-size: 16px
}

.progress-radial .overlay img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  box-shadow: 0 0 3px #999
}

.progress-radial .overlay .initial {
  width: 80px;
  height: 80px;
  max-height: 80px;
  max-width: 80px;
  overflow: hidden;
  border-radius: 50%;
  background: #777;
  color: #fff;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 36px;
  line-height: 2.4
}

.progress-10:before,
.progress-15:before,
.progress-20:before,
.progress-25:before,
.progress-30:before,
.progress-35:before,
.progress-40:before,
.progress-45:before,
.progress-50:before,
.progress-55:before,
.progress-5:before,
.progress-60:before,
.progress-65:before,
.progress-70:before,
.progress-75:before,
.progress-80:before,
.progress-85:before,
.progress-90:before,
.progress-95:before {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  top: 0;
  left: 44px;
  background: #777
}

.progress-10:after,
.progress-15:after,
.progress-20:after,
.progress-25:after,
.progress-30:after,
.progress-35:after,
.progress-40:after,
.progress-45:after,
.progress-50:after,
.progress-55:after,
.progress-5:after,
.progress-60:after,
.progress-65:after,
.progress-70:after,
.progress-75:after,
.progress-80:after,
.progress-85:after,
.progress-90:after,
.progress-95:after {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #777
}

.progress-95:after {
  top: 2px;
  left: 29px
}

.progress-90:after {
  top: 8px;
  left: 18px
}

.progress-85:after {
  top: 17px;
  left: 9px
}

.progress-80:after {
  top: 30px;
  left: 2px
}

.progress-75:after {
  top: 43px;
  left: 0
}

.progress-70:after {
  top: 56px;
  left: 2px
}

.progress-65:after {
  top: 68px;
  left: 8px
}

.progress-60:after {
  top: 78px;
  left: 18px
}

.progress-55:after {
  top: 84px;
  left: 30px
}

.progress-50:after {
  top: 86px;
  left: 43px
}

.progress-45:after {
  top: 84px;
  left: 56px
}

.progress-40:after {
  top: 78px;
  left: 68px
}

.progress-35:after {
  top: 68px;
  left: 78px
}

.progress-30:after {
  top: 57px;
  left: 84px
}

.progress-25:after {
  top: 44px;
  left: 86px
}

.progress-20:after {
  top: 29px;
  left: 84px
}

.progress-15:after {
  top: 18px;
  left: 78px
}

.progress-10:after {
  top: 9px;
  left: 69px
}

.progress-5:after {
  top: 2px;
  left: 56px
}

.input-icon-group {
  display: inline-block;
  position: relative
}

.title_right_fields .startDateEndDate .input-icon-group .input-icons {
  position: absolute;
  display: inline-block;
  top: 6px;
  right: 10px;
  z-index: 3;
  color: #777;
  font-size: 12px
}

.input-icon-group .input-icons {
  position: absolute;
  display: inline-block;
  top: 12px;
  right: 10px;
  z-index: 3;
  color: #777;
  font-size: 12px
}

.icon-top-block .material-icons {
  font-size: 26px
}

.input-icon-group.input-group .form-control {
  border-bottom-right-radius: 5px !important;
  border-top-right-radius: 5px !important;
  background: 0 0;
  border: solid 1px #aeaeae
}

.startDateEndDate {
  display: inline-block;
  float: right
}

.startDateEndDate .btn,
.startDateEndDate .input-icon-group {
  float: left;
  margin-left: 10px
}

.startDateEndDate .btn {
  border: solid 1px #aeaeae;
  box-shadow: none;
  padding: 8px
}

.startDateEndDate .btn .glyphicon {
  font-size: 20px;
  color: #777
}

.title_right_fields {
  background: #f0f1f2;
  padding-bottom: 5px
}

.chart_title {
  position: relative;
  text-transform: uppercase;
  height: 14px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.17;
  letter-spacing: .5px;
  margin-bottom: 10px
}

.chart_holder:after,
.chart_holder:before,
.chart_title:after,
.chart_title:before {
  content: "";
  display: table;
  clear: both;
  visibility: hidden
}

.chart_icons {
  display: inline-block;
  position: absolute;
  right: -5px;
  top: -5px
}

.chart_icons .material-icons {
  float: left;
  font-size: 26px
}

.chart_icons span {
  margin-left: 5px;
  display: inline-block;
  float: left !important;
  color: #777;
  cursor: pointer
}

.select_style_blank {
  width: inherit;
  display: inline-block;
  text-transform: uppercase
}

.select_style_blank+.select_style_blank {
  margin-left: 5px
}

.calender_style_blank .form-control,
.dropdown-11.select_style_blank .btn.dropdown-toggle {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #777;
  background: 0 0;
  margin-bottom: 0;
  border: solid 1px #e3e3e3 !important
}

.calender_style_blank {
  float: left;
  margin-right: 5px
}

.new_item+.new_item,
.select_style_blank+.calender_style_blank,
.select_style_blank+.new_item {
  margin-left: 5px
}

.chart_icons .menu-style {
  top: -15px;
  right: -15px
}

.zoom_card {
  cursor: pointer
}

.alt-card-inner.card_zoomed {
  height: inherit !important
}

.card_zoomed {
  position: fixed;
  top: 50px;
  left: 60px;
  right: 60px;
  bottom: 50px;
  z-index: 1111;
  height: auto
}

.chart_holder .dummyText {
  text-align: center;
  padding: 100px 0;
  font-size: 30px;
  color: #eee
}

.minHeight50 {
  min-height: 50px
}

.DashboardIcons {
  display: inline-block;
  position: fixed;
  top: 140px;
  left: 0;
  z-index: 101;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, .4)
}

.DashboardIcons .DashboardIconsBlocks {
  display: block;
  color: #fff;
  padding: 7px;
  background: #ef518c;
  width: 46px;
  height: 46px;
  text-align: center;
  font-size: 14px;
  line-height: 30px;
  font-weight: 700
}

.DashboardIcons .DashboardIconsBlocks.active {
  background: #931d64
}

.DashboardIcons .DashboardIconsBlocks:hover {
  background: #ec6e9d
}

.DashboardIcons .DashboardIconsBlocks:first-child {
  border-top-right-radius: 6px
}

.DashboardIcons .DashboardIconsBlocks:last-child {
  border-bottom-right-radius: 6px
}

.DashboardIcons .DashboardIconsBlocks+.DashboardIconsBlocks {
  border-top: solid 1px #931d64
}

.ic_myfav {
  background: url(../images/ic_myfav.png) no-repeat;
  width: 27px;
  height: 31px;
  display: inline-block
}

.ic_leave {
  background: url(../images/ic_leave.png) no-repeat;
  width: 27px;
  height: 31px;
  display: inline-block
}

.ic_attendance {
  background: url(../images/ic_attendance.png) no-repeat;
  width: 27px;
  height: 31px;
  display: inline-block
}

.ic_recruit {
  background: url(../images/ic_recruit.png) no-repeat;
  width: 27px;
  height: 31px;
  display: inline-block
}

.ic_exit {
  background: url(../images/ic_exit.png) no-repeat;
  width: 27px;
  height: 31px;
  display: inline-block
}

.ic_hris {
  background: url(../images/ic_hris.png) no-repeat;
  width: 27px;
  height: 31px;
  display: inline-block
}

.chartTitleColor {
  margin-left: 10px;
  color: #777
}

.card-2+.card-3 {
  clear: both
}

.card-block .card-block-inner+.card-block-inner {
  margin-top: 20px
}

.card_minHeight {
  min-height: 770px
}

.startDateEndDate {
  display: inline-block;
  float: left;
  border: 1px solid #e3e3e3;
  height: 40px;
  border-radius: 5px;
  width: 230px;
  padding: 5px 0
}

.startDateEndDate .input-icon-group {
  width: 50%;
  float: left;
  margin: 0 !important
}

.startDateEndDate .datepicker {
  display: inline-block;
  width: 100%;
  padding: 8px 12px;
  font-size: 12px;
  line-height: 14px;
  color: #777;
  background: 0 0;
  border: none;
  letter-spacing: .5px
}

.startDateEndDate .input-icon-group+.input-icon-group {
  border-left: solid 1px #e3e3e3
}

.startDateEndDate .input-icon-group .input-icons {
  top: 8px
}

.title_right_fields>.startDateEndDate {
  border: 1px solid #aeaeae;
  height: 40px;
  border-radius: 5px;
  width: 230px;
  padding: 5px 0
}

.employees.plus-more {
  padding-left: 15px;
  margin: 10px 0
}
.card-block-inner .employees.plus-more {
  margin-top: 50px !important;
}

.graydark-color {
  color: #555 !important
}

.img-35 {
  width: 35px;
  height: 35px
}

.img-shadow {
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .18)
}

.employees.plus-more .employee-img {
  margin-left: -20px
}

.employees .employee-img {
  width: 35px;
  height: 35px;
  display: block;
  border-radius: 50%;
  margin-right: 5px;
  float: left;
  position: relative
}

.employees .employee-img:before {
  content: "";
  display: block;
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  border: solid 2px #eee;
  border-radius: 50%
}

.employees .employee-img .initial {
  width: 35px;
  height: 35px;
  max-height: 35px;
  max-width: 35px;
  overflow: hidden;
  border-radius: 50%;
  background: #777;
  color: #fff;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 35px
}

.employees .employee-img img,
.employees.plus-more .employee-img img {
  width: 35px;
  height: 35px;
  border-radius: 50%
}

.employees .employee-more {
  display: inline-block;
  font-size: 16px;
  padding: 12px 10px
}

.table-layout {
  display: table;
  width: 100%;
  border-collapse: collapse
}

.fixed-layout {
  table-layout: fixed
}

.vertical-middle,
.vertical-middle .table-cell {
  vertical-align: middle
}

.table-row {
  display: table-row
}

.table-cell {
  display: table-cell
}

.bordered .table-cell {
  border: solid 1px #ccc
}

.border-left-0 {
  border-left: 0 !important
}

.border-right-0 {
  border-right: 0 !important
}

.count-size {
  font-size: 20px;
  clear: both;
  font-family: 'DIN Medium';
  color: #555;
  line-height: 20px
}

.normal-text {
  font-size: 14px;
  clear: both;
  line-height: 20px
}

.color-danger,
.color-danger .count-size {
  color: red !important
}

.my-attendance-table .table-cell {
  padding: 8px 0;
  color: #555
}

.block {
  display: block;
  width: 100%
}

.punch-in,
.punch-out {
  display: inline-block;
  width: 67px;
  height: 70px;
  margin-bottom: 10px;
  cursor: default
}

.punch-in.active,
.punch-out.active {
  cursor: pointer
}

.margin-bottom-20 {
  margin-bottom: 20px
}

.alt-title-6 {
  font-size: 24px;
  color: #555;
  margin: 0
}

.alt-title-5 {
  font-size: 20px;
  color: #555
}

.margin-top-20 {
  margin-top: 20px
}

.mark-attendance {
  margin-top: 10px
}

.sub-title-small {
  font-weight: lighter;
  font-size: 12px;
  display: block;
  clear: both;
  margin: 5px 0
}

.text-uppercase {
  text-transform: uppercase
}

.img-30 {
  width: 30px;
  height: 30px
}

.block-on-hover {
  height: 0;
  opacity: 0;
  background: rgba(255, 255, 255, .5)
}

.alt-card-row li:first-child:hover .block-on-hover {
  top: 0
}

.alt-card-row>li:hover .block-on-hover {
  position: absolute;
  display: block;
  left: 10px;
  right: 10px;
  bottom: 10px;
  top: 10px;
  height: 100%;
  z-index: 3;
  padding: 5px 0;
  opacity: 1;
  -o-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out
}

.separator {
  display: inline-block;
  position: relative
}

.separator+.separator {
  margin-left: 10px;
  padding-left: 10px
}

.separator+.separator:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  height: 14px;
  width: 2px;
  background: #777;
  top: 50%;
  bottom: 50%;
  margin-top: -7px;
  margin-bottom: -7px
}

.width-40 {
  width: 40px;
  min-width: 40px
}

.vertical-bottom {
  vertical-align: bottom !important
}

.margin-top-10 {
  margin-top: 10px
}

.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inherit;
  max-width: 99.99%;
  display: inline-block
}

.width-50 {
  width: 50px;
  max-width: 50px
}

.minmax-width-150 {
  min-width: 150px;
  max-width: 150px
}

.moreModules .material-icons {
  height: 14px;
  line-height: 14px
}

.scroll-top {
  display: none
}

.fixed-btn-bottom {
  position: fixed;
  display: block;
  right: 40px;
  bottom: 40px;
  width: 55px;
  z-index: 100
}

.front-1 {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  position: absolute;
  z-index: 1;
  width: 100%;
  min-height: 300px;
  transition: all .5s ease-out 0s;
  -webkit-transition: all .5s ease-out 0s
}

.front-2 {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  position: absolute;
  z-index: 0;
  min-height: 300px;
  width: 100%;
  transition: all .5s ease-out 0s;
  -webkit-transition: all .5s ease-out 0s;
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg)
}

.back-1 {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  position: relative;
  z-index: 0;
  min-height: 300px;
  width: 100%;
  transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  transition: all .5s ease-out 0s;
  -webkit-transition: all .5s ease-out 0s
}

.back-2 {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  position: relative;
  z-index: 1;
  min-height: 300px;
  width: 100%;
  transform: rotateY(0);
  -webkit-transform: rotateY(0);
  transition: all .5s ease-out 0s;
  -webkit-transition: all .5s ease-out 0s
}

.card-flip {
  perspective: 627.5px !important;
  position: relative
}

.initial {
  width: 28px;
  height: 28px;
  overflow: hidden;
  border-radius: 50%;
  background: #777;
  color: #fff !important;
  text-align: center;
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 2em;
  font-family: 'DIN Medium';
}

.alt-white-gradient-bottom-small::before {
  content: "" !important;
  display: block !important;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 50px !important;
  position: absolute;
  z-index: 1;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  background: linear-gradient(to top, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, .9) 61%, rgba(255, 255, 255, .6) 76%, rgba(255, 255, 255, 0) 100%)
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes fadeOut {
  from {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.alt-module-true {
  background: rgba(227, 227, 227, .65);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1005;
  display: none;
  /* -webkit-animation: fadeOut 1s;
  animation: fadeOut 1s;
  transition: opacity 1s ease-out */
}

.alt-module-true.open {
  opacity: 1;
  display: block;
  /* -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
  transition: opacity 7s ease-out */
}

/* @-webkit-keyframes fadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
} */

.alt-modal {
  min-width: 200px;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 1009;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%)
}

.wish-dialog {
  width: 550px
}

.tc-dialog {
  width: 700px
}

.tc-dialog .alt-modal-body {
  min-height: 200px;
  max-height: 400px;
  overflow: auto
}

.tc-dialog .alt-modal-footer {
  padding: 15px 20px;
  text-align: right
}

.alt-modal .alt-modal-title {
  color: #fff;
  font-size: 18px;
  font-family: 'DIN regular';
  padding: 10px 20px;
  position: relative;
  display: block;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px
}

.alt-modal-close {
  display: inline-block;
  padding: 2px;
  position: absolute;
  right: 8px;
  top: 8px;
  cursor: pointer
}

.alt-modal-close .material-icons {
  font-size: 22px
}

.alt-modal-body {
  padding: 5px 20px 15px
}

.tc-list {
  margin-left: 20px
}

.tc-list>li {
  margin-bottom: 10px
}

.tc-check {
  margin-bottom: 10px
}

.tc-content {
  margin-bottom: 20px
}

.email-msg {
  background: #f8f8f8;
  border: solid 1px #e5e5e5;
  border-radius: 6px;
  font-size: 16px;
  padding: 10px 15px;
  color: #555;
  width: 100%;
  display: block;
  resize: vertical;
  min-height: 70px;
  max-height: 200px;
  max-width: 100% !important;
  white-space: pre-line
}

.wish_title {
  font-size: 14px;
  font-family: 'DIN Medium';
  line-height: 20px;
  color: #585858;
  line-height: 16px
}

.width-50px {
  width: 50px
}

.width-60px {
  width: 60px
}

.width-188px {
  width: 188px
}

.attendance-day {
  font-size: 14px;
  text-transform: uppercase
}

.vertical-top {
  vertical-align: top !important;
}

.notification-bar {
  height: 40px;
  border-radius: 5px;
  background-color: #fff;
  line-height: 14px;
  position: fixed;
  width: 90.5%;
  max-width: 1280px;
  z-index: 999999;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: table;
  -webkit-box-shadow: 0 5px 16px 0 rgba(0, 0, 0, .18);
  box-shadow: 0 5px 16px 0 rgba(0, 0, 0, .18)
}

.notification-bar .material-icons {
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
  color: #70cf00;
  font-size: 22px;
  width: 20px
}

.notification-text-outer {
  display: table-cell;
  padding: 10px 25px 10px 14px
}

.notification-text {
  display: block;
  font-size: 14px;
  font-family: 'DIN Regular'
}

.notification-bar .close {
  color: #777;
  width: auto;
  right: 7px;
  top: 12px
}

.successful {
  border: solid 2px #70cf00
}

.successful .successful-icon {
  display: table-cell
}

.successful .warning-icon {
  display: none
}

.warning {
  border: solid 2px #e71c09
}

.warning .warning-icon {
  display: inline-block;
  color: #e71c09
}

.warning .successful-icon {
  display: none
}

.notification-fixed {
  position: fixed;
  z-index: 1200;
  -webkit-transition: color .3s ease-out, background-color .3s ease-out;
  transition: color .3s ease-out, background-color .3s ease-out
}

app-footer {
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9
}

.loader {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1200;
  background: rgba(255, 255, 255, .4)
}

.loader img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  z-index: 10005;
  margin-left: -50px;
  margin-top: -50px
}

.userinfoBlock>.userinfoBlockul {
  /*padding-top: 5px;
  padding-bottom: 5px*/
  width: 100%;
}

.userinfoBlock ul li a {
  display: block;
  padding: 7px 15px;
  font-size: 14px;
  font-family: 'DIN Regular';
  line-height: 14px;
  text-transform: capitalize
}
.userinfoBlock ul li.noneIconLink a {
  padding-left: 45px;
}
.menu-title {
  display: block;
  position: relative;
  padding: 8px 15px;
  line-height: 14px;
  font-size: 14px;
  font-family: 'DIN Medium';
  text-transform: capitalize;
}
.menutitleinner {
  position: relative;
  z-index: 5;
}
.menutitleinner .mdi {
  font-size: 20px;
  color: #4d6fb6;
  margin-right: 10px;
  float: left;
}
.menu-title .menutitlearrows {
  position: absolute;
  right: 15px;
  top: 9px;
  font-size: 22px;
  color: #4d6fb6;
  z-index: 0;
}
.userinfoBlockul li a .mdi {
  font-size: 16px;
  float: left;
  margin-right: 15px;
}

#jsf-pages .site-width {
  padding-bottom: 30px
}

.list-hover li {
  cursor: pointer
}

.list-hover li:hover {
  background: #eee
}

.alt-messenger-icon {
  float: right;
  display: inline-block;
  margin-right: -2px;
  width: 24px;
  height: 24px;
  background: url(../images/ic_add_btn.svg) no-repeat;
  margin-top: 4px
}

.default-dialog {
  width: 600px;
  min-height: 300px
}

.alt-modal.announce-seemore .alt-modal-title {
  background: #fff;
  color: #555
}

.announce-seemore .alt-modal-close .material-icons {
  color: #555;
  font-size: 22px
}

.more-dot {
  padding: 0;
  line-height: 10px;
  height: 10px;
  font-size: 17px;
  vertical-align: bottom;
  letter-spacing: 2px;
  margin-left: -3px
}

.scroller_content li a {
  text-transform: inherit;
  font-family: 'DIN Medium';
  font-size: 12px
}

.scroller_content {
  max-height: 200px;
  position: relative;
  padding-bottom: 20px;
}

.wish-list-scroll {
  width: 250px !important;
  height: 200px !important
}

.wish-list-scroll-setting {
  width: 250px !important;
  height: 200px !important;
  position: relative
}
.max-w225 {
	max-width:225px;
}
.wish-list-scroll-setting .slimscroll-bar,
.wish-list-scroll-setting .slimscroll-grid {
  opacity: 0 !important;
  z-index: 99;
  width: 5px !important;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out
}

.wish-list-scroll-setting:hover .slimscroll-bar,
.wish-list-scroll-setting:hover .slimscroll-grid {
  opacity: 1 !important
}

.wish-list-scroll-setting:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: -2px;
  right: -2px;
  display: block;
  width: 100%;
  height: 30px;
  z-index: -1;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1), rgba(255, 255, 255, .5), rgba(255, 255, 255), rgba(255, 255, 255))
}
.seeemore_row {
  display: block;
  width: 100%;
  text-align: right;
  position: absolute;
  z-index: 3;
  bottom: 0;
  padding: auto 5px;
  right: 5px;
  background: #fff;
}
.more_announce {
  display: inline-block;
  text-transform: capitalize !important
}

.announce-seemore .alt-modal-body {
  max-height: 400px;
  overflow: auto
}

.goto-old,
.goto-old:focus,
.goto-old:hover,
.goto-old:visited {
  display: inline-block;
  border-radius: 5px;
  font-size: 12px;
  font-family: 'DIN Regular';
  line-height: 12px;
  text-decoration: none;
  position: absolute;
  left: 56px;
  position: absolute;
  bottom: -22px;
  color: #1d03ff;
  margin-right: 0;
  text-decoration: underline;
  z-index: 5
}

.goto-old .material-icons {
  font-size: 17px;
  line-height: 12px;
  height: 12px;
  float: left;
  color: #1d03ff !important;
  margin-left: -5px;
  letter-spacing: -8px;
  margin-right: 0
}

.switch-app-holder {
  display: block;
  position: relative;
  float: left;
  width: 60px;
  height: 75px;
  max-height: 75px;
  margin-right: 5px;
  padding: 27px 20px;
  z-index: 1110;

}

.mesh-block {
  display: block !important;
  z-index: 1000 !important
}

/*.switch-app-holder .switch-app-icon {
  display: inline-block;
  cursor: pointer;
  font-size: 30px;
  margin: -5px 0 0 -5px;
  color: #494949
}*/

.switch-app-holder.open {
  background: #fff;
  box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, .18)
}

.switch-apps-dropdown:after {
  content: '';
  display: block;
  width: 60px;
  height: 10px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -5px;
  z-index: 4
}

.switch-app-holder.open .switch-apps-dropdown {
  opacity: 1;
  display: block;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
  transition: opacity 3s ease-out;
  z-index: 1111;
}

.dropapp-title-outer {
  display: block;
  margin-bottom: 10px;
  position: relative
}

.dropapp-title-outer .dropapp-title-inner {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  color: #a8407f;
  font-family: 'DIN Medium'
}

.dropapp-title-inner .altapps-icon {
  width: 27px;
  height: 23px;
  display: inline-block;
  margin-right: 10px;
  background: url(../images/switch_altapp_icons/alt_small.png) no-repeat
}

.dropapp-title-inner .partnerapp-icon {
  width: 27px;
  height: 23px;
  display: inline-block;
  margin-right: 10px;
  background: url(../images/switch_altapp_icons/ic_partner.svg) no-repeat
}

.switch-apps {
  margin: 0;
  margin-left: -10px;
  margin-right: -10px;
  padding: 0;
  list-style: none
}

.switch-apps li {
  display: block;
  padding: 10px;
  float: left
}


.switch-apps li a.active,
.switch-apps li a:hover {
  background-color: #fff;
  box-shadow: 0 1px 3px -1px rgba(0, 0, 0, .7)
}

.switch-apps li a img {
  border: none;
  margin: 0 auto
}

.drop-more-row {
  display: block;
  padding: 10px 28px 5px;
  text-align: right;
  text-transform: uppercase
}

.drop-more-row .btn-link {
  font-size: 12px;
  font-family: 'DIN Medium'
}

.fields-group>li .field-view .downloads_icon {
  width: 15px !important;
  height: 15px !important;
  margin-right: 5px;
  vertical-align: bottom !important;
  background-position: center !important;
  display: inline-block
}

.fields-group>li .field-view .image_icon {
  width: 15px !important;
  height: 15px !important;
  margin-right: 5px;
  vertical-align: bottom !important;
  background-position: center !important;
  display: inline-block
}

.fields-group>li .field-view .image_icon img {
  width: 15px !important;
  height: 15px !important
}

.desktopmenu-only {
  display: inline-block
}

.mobilemenu-only {
  display: none
}
.save-report-dialog .mat-dialog-container{
  padding: 0px !important;
}
.report-generation-dialog .mat-dialog-container{
  padding: 0px !important;
}
.report-filter-select .multiselect-dropdown .dropdown-btn {
  height: 39px !important;
}
.report-role-selector .multiselect-dropdown .dropdown-btn {
  height: 39px !important;
}
.demo-report-dialog .mat-dialog-container {
  padding: 0px !important;
}
.demo-report-dialog .mat-card:not([class*=mat-elevation-z]) {
  box-shadow: none;
}

.drag-drop-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 4px;
  height: 600px;
  overflow-y: auto;
}

.available-fields {
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  background-color: #f8f9fa;
  overflow-y: auto;
  height: 100vh;
}

.draggable-field {
  padding: 8px;
  margin: 2px;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-align: left;
  cursor: grab;
  background-color: #fff;
}

.drop-zone {
  border: 1px solid #ddd;
  margin-left: 5px;
  padding: 10px;
  border-radius: 4px;
  background-color: #f8f9fa;
  overflow-y: auto;
  height: 100%;
}

.drop-zone:hover {
  background-color: #e3f2fd;
}

.config-areas {
  display: flex;
  flex-direction: row;
  height: 50%;
  padding-bottom: 5px;
}

.config-section {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.operation-box {
  width: 65;
  margin-left: 8px;
}

.remove-field {
  float: right;
  background: none;
  border: none;
}

.remove-field:hover {
  cursor: pointer;
}

.styled-table {
  margin: 10px;
  width: 50%;
  border-collapse: collapse;
  border: 1px solid black;
}

.preview-container {
  height: 100%;
  border-radius: 5px;
  border: 1px solid #ddd;
  overflow-x: auto;
}

.bottom-container {
  flex-direction: row-reverse;
  width: 100%;
}

.bottom-container button {
  float: right;
  height: 30px;
  width: 80px;
  margin-right: 10px;
}

.transpose-notification-bar {
  display: flex;
  margin: 5px;
  align-items: center;
  justify-content: space-between;
  top: 0;
  left: 0;
  right: 0;
  height: 30px;
  border: 2px solid red;
  padding: 10px;
  font-size: 14px;
  z-index: 1000;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

.transpose-close-button {
  background: none;
  border: none;
  color: white;
  font-size: 16px;
  cursor: pointer;
}

.transpose-close-button:hover {
  color: #ccc;
}

.cross-tab-report-dialog .mat-dialog-container {
  padding: 0px !important;
}

.cross-tab-report-dialog .mat-card:not([class*=mat-elevation-z]) {
  box-shadow: none;
}
.preview-box-message{
  display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 18px;
}

.divFields,.divRows,
.divColumns,.divValues {
  border: solid 1px #def0ff !important;
  border-radius: 5px !important;
}

.divFilters {
  display: none !important;
}

.labelFilters {
  display: none !important;
}

.jqx-listitem-element {
  margin: 5px !important;
  background: aliceblue !important;
}

.jqx-draggable {
  cursor: move;
}

.divContent {
  border: solid 1px #def0ff !important;
  border-radius: 5px !important;
}