body .content .btn-success {
  background-color: #68479D;
  font-size: 12px;
  color: #fff;
}
body .content .btn-success:hover {
  background-color: #9979DA !important;
  color: #fff !important;
}
body .content .btn-success:active {
  background-color: #9979DA;
  color: #fff !important;
}
body .content .btn-success:focus {
  background-color: #9979DA !important;
  color: #fff !important;
}

body .content .btn-primary {
  background-color: #0e86b8;
  font-size: 12px;
  color: #fff;
}
body .content .btn-primary:hover {
  background-color: #0e86b8 !important;
  color: #fff !important;
}
body .content .btn-primary:active {
  background-color: #0e86b8;
  color: #fff !important;
}
body .content .btn-primary:focus {
  background-color: #0e86b8 !important;
  color: #fff !important;
}

body .content .btn-danger {
  background-color: #f7494a;
  font-size: 12px;
  color: #fff;
}
body .content .btn-danger:hover {
  background-color: #de4242 !important;
  color: #fff !important;
}
body .content .btn-danger:active {
  background-color: #de4242;
  color: #fff !important;
}
body .content .btn-danger:focus {
  background-color: #de4242 !important;
  color: #fff !important;
}

body .content .btn-default {
  background-color: #ecf0f2;
  font-size: 12px;
  color: #9ca2a4;
}
body .content .btn-default:hover {
  background-color: #dbdfe1 !important;
  color: #9ca2a4 !important;
}
body .content .btn-default:active {
  background-color: #dbdfe1;
  color: #9ca2a4 !important;
}
body .content .btn-default:focus {
  background-color: #dbdfe1 !important;
  color: #9ca2a4 !important;
}

body .content .btn-tranparent {
  background-color: transparent;
  font-size: 12px;
  color: #68479D;
}
body .content .btn-tranparent:hover {
  background-color: transparent !important;
  color: #68479D !important;
}
body .content .btn-tranparent:active {
  background-color: transparent;
  color: #68479D !important;
}
body .content .btn-tranparent:focus {
  background-color: transparent !important;
  color: #68479D !important;
}

.skin-blue .sidebar-menu > li.active > a,
.skin-blue .sidebar-menu > li.menu-open > a,
.chat-msg.user > .cm-msg-text {
  background: #B695E5 !important;
}

body {
  font-size: 14px;
  font-family: "robotoregular";
  font-weight: normal;
  color: #222d32;
}

body.celebration-on {
  overflow-y: scroll !important;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-style: inherit;
  color: inherit;
}

h1 {
  font-size: 28px;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

p {
  font-size: 14px;
}

a {
  color: #68479D;
}

a:hover {
  color: #68479D;
}

label {
  font-weight: normal;
}

.top-zero {
  top: 0 !important;
}

.left-zero {
  left: 0 !important;
}

.right-zero {
  right: 0 !important;
}

.bottom-zero {
  bottom: 0 !important;
}

body .margin-left-0 {
  margin-left: 0px !important;
}

body .margin-left-10 {
  margin-left: 10px !important;
}

body .margin-left-15 {
  margin-left: 15px !important;
}

body .margin-left-20 {
  margin-left: 20px !important;
}

body .margin-left-30 {
  margin-left: 30px !important;
}

body .margin-left-40 {
  margin-left: 40px !important;
}

body .margin-right-10 {
  margin-right: 10px !important;
}

body .margin-right-15 {
  margin-right: 15px !important;
}

body .margin-right-20 {
  margin-right: 20px !important;
}

body .margin-right-30 {
  margin-right: 30px !important;
}

body .margin-right-40 {
  margin-right: 40px !important;
}

body .margin-top-0 {
  margin-top: 0px !important;
}

body .margin-top-10 {
  margin-top: 10px !important;
}

body .margin-top-15 {
  margin-top: 15px !important;
}

body .margin-top-20 {
  margin-top: 20px !important;
}

body .margin-top-25 {
  margin-top: 25px !important;
}

body .margin-top-30 {
  margin-top: 30px !important;
}

body .margin-top-40 {
  margin-top: 40px !important;
}

body .margin-top-50 {
  margin-top: 50px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

body .padding-bottom-10 {
  padding-bottom: 10px !important;
}

body .padding-bottom-20 {
  padding-bottom: 20px !important;
}

body .padding-bottom-30 {
  padding-bottom: 30px !important;
}

body .padding-bottom-40 {
  padding-bottom: 40px !important;
}

body .padding-left-0 {
  padding-left: 0 !important;
}

body .padding-left-10 {
  padding-left: 10px !important;
}

body .padding-left-20 {
  padding-left: 20px !important;
}

body .padding-left-30 {
  padding-left: 30px !important;
}

body .padding-left-40 {
  padding-left: 40px !important;
}

body .padding-right-10 {
  padding-right: 10px !important;
}

body .padding-right-20 {
  padding-right: 20px !important;
}

body .padding-right-30 {
  padding-right: 30px !important;
}

body .padding-right-40 {
  padding-right: 40px !important;
}

body .padding-top-0 {
  padding-top: 0px !important;
}

body .padding-left-0 {
  padding-left: 0px !important;
}

body .padding-right-0 {
  padding-right: 0px !important;
}

body .padding-bottom-0 {
  padding-bottom: 0px !important;
}

body .padding-top-10 {
  padding-top: 10px !important;
}

body .padding-top-15 {
  padding-top: 15px !important;
}

body .padding-top-20 {
  padding-top: 20px;
}

body .padding-top-30 {
  padding-top: 30px;
}

body .padding-top-40 {
  padding-top: 40px;
}

.font-size-12 {
  font-size: 12px !important;
}

.font-size-13 {
  font-size: 13px !important;
}

.font-size-14 {
  font-size: 14px !important;
}

.font-size-15 {
  font-size: 15px !important;
}

.font-size-16 {
  font-size: 16px !important;
}

.font-size-17 {
  font-size: 17px !important;
}

.font-size-18 {
  font-size: 18px !important;
}

.roboto-normal {
  font-family: "robotoregular";
}

.roboto-medium {
  font-family: "robotomedium";
}

.roboto-bold {
  font-family: "robotobold";
}

.border-1 {
  border: 1px solid;
}

.border-2 {
  border: 2px solid;
}

.border-red {
  border-color: #f7494a !important;
}

.nopadding {
  padding: 0 !important;
}

.nomargin {
  margin: 0 !important;
}

body .content .border-radius-0 {
  border-radius: 0;
}

.border-radius-1 {
  border-radius: 1px;
}

.border-radius-2 {
  border-radius: 2px;
}

.border-radius-3 {
  border-radius: 3px;
}

.border-radius-4 {
  border-radius: 4px;
}

.img-circle {
  border-radius: 50% !important;
}

.error {
  color: #f7494a;
  font-size: 13px;
}

/*---TExt color---*/
.text-blue {
  color: #68479D !important;
}

.text-blue_1 {
  color: #05b5ff !important;
}

.text-red {
  color: #f7494a !important;
}

.text-green {
  color: #68479D !important;
}

/*.text-gray {color:#a3a3a3 !important;}*/
.text-gray {
  color: #9ca2a4 !important;
}

.text-gray_1 {
  color: #b8c7ce !important;
}

.text-gray_2 {
  color: #a3a3a3 !important;
}

.text-black {
  color: #000 !important;
}

.text-light-black {
  color: #4c4c4c !important;
}

.text-yellow {
  color: #ffda44 !important;
}

.text-white {
  color: #FFF !important;
}

/*---button color ---*/
.no-btn, .no-btn:hover, .no-btn:active, .no-btn:focus {
  border: 0;
  background: transparent;
  margin: 0;
  padding: 0;
  color: #b8c7ce;
}

.btn-green {
  background-color: #68479D;
  color: #FFF;
}

.btn-green:hover, .btn-green:focus {
  background-color: #68479D;
  color: #FFF !important;
}

.btn-orange, .btn-orange:hover, .btn-orange:focus {
  background-color: #f89449;
  color: #FFF;
}

.btn-blue, .btn-blue:hover, .btn-blue:focus {
  background-color: #83d4ff;
  color: #FFF;
}

.btn-dark-blue {
  background-color: #9979da;
  color: #FFF;
}

.btn-dark-blue:hover, .btn-dark-blue:focus {
  background-color: #68479D;
  color: #FFF;
  opacity: 0.9;
}

.btn-red, .btn-red:hover, .btn-red:focus {
  background-color: #f7494a;
  color: #FFF;
}

.btn-gray, .btn-gray:hover, .btn-gray:focus {
  background-color: #ecf0f2;
  color: #9ca2a4;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.btn-cancel, .btn-cancel:hover, .btn-cancel:focus {
  box-shadow: none;
  background-color: transparent;
  color: #9a9a9a;
  padding: 0px 10px;
}

.border-gray-1 {
  border-color: #b8c7ce !important;
}

/* -- Highlight background -- */
body div.highlight {
  background-color: #ece9e9;
}

body .content .reject-btn, body .reject-btn:focus, body .reject-btn:hover {
  background-color: #f7494a;
  color: #FFF;
  padding: 0 0;
}

.btn-close, .btn-close:hover, .btn-close:focus {
  box-shadow: none;
  background-color: #eee;
  color: #000;
}

.btn-close1, .btn-close1:hover, .btn-close1:focus {
  box-shadow: none;
  background-color: #e2e8eb;
  color: #9ca2a4;
}

.submit-btn {
  background-color: #88c538;
  color: #FFF;
  padding: 3px 12px;
  /* min-width: 155px; */
  min-width: 130px;
}

.cancel-btn {
  background-color: transparent;
  color: #000;
  min-width: 120px;
  padding: 2px 12px;
}

/*--Button sizes--*/
.btn {
  font-size: 12px;
}

.btn-1 {
  max-width: 100%;
  height: auto;
  padding: 0 10px;
  min-width: 100px !important;
  line-height: 30px;
}

.btn-2 {
  max-width: 100%;
  height: auto;
  padding: 6px 10px;
  min-width: 100px !important;
  line-height: 30px;
}

.btn-3 {
  max-width: 100%;
  height: auto;
  padding: 0 10px;
  min-width: 40px !important;
  line-height: 24px;
  margin: 0;
}

body .btn,
body .btn-floating,
body .btn-sm,
body .btn-sm-full,
body .card,
body .card-panel,
body .dropdown-content,
body .dropdown-menu,
body .panel-group,
body .side-nav,
body .z-depth-1,
body .btn-floating:hover,
body .btn:hover,
body .z-depth-1-half {
  box-shadow: none;
  text-transform: capitalize;
}

/*----Background-color ----*/
.bgcolor-green {
  background-color: #68479D !important;
}

.bgcolor-red {
  background-color: #f7494a !important;
}

.bgcolor-orange {
  background-color: #f89449 !important;
}

.bgcolor-yellow {
  background-color: #ffda44 !important;
}

.bgcolor-blue {
  background-color: #68479D !important;
}

.bgcolor-dark-blue {
  background-color: #68479D !important;
}

.bgcolor-lightBlue {
  background-color: #86d1fb !important;
}

.bgcolor-gray {
  background-color: #bbbbbb !important;
}

.bgcolor-gray_1 {
  background-color: #b8c7ce !important;
}

.bgcolor-black {
  background-color: #222d32 !important;
}

.bgcolor-white {
  background-color: #FFF !important;
}

.bgcolor-transparent {
  background-color: transparent !important;
}

.height-1 {
  height: 1px;
}

.height-10 {
  height: 10px;
}

.height-15 {
  height: 15px;
}

.height-20 {
  height: 20px;
}

.height-25 {
  height: 25px;
}

.height-30 {
  height: 30px;
}

.height-40 {
  height: 40px;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-disable {
  cursor: no-drop;
}

.cursor-wait {
  cursor: wait;
}

.cursor-move {
  cursor: move;
}

/* Form Global css */
input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=search-md]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=url]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #68479D;
  box-shadow: none;
}

input[type=date], input[type=datetime-local], input[type=email], input[type=number], input[type=password], input[type=search-md], input[type=tel], input[type=text], input[type=time], input[type=url], textarea.materialize-textarea {
  height: 2rem;
}

.gl-input-box .input-field input {
  height: 30px;
}

.gl-input-box .input-field > label {
  font-size: 12px !important;
  /*top: 0.8rem;*/
  color: #9ca2a4;
  font-family: "robotoregular";
}

.gl-input-box > label {
  font-family: "robotoregular";
  font-weight: normal;
  color: #9ca2a4;
}

.gl-input-box textarea {
  border: 1px solid #b8c7ce;
  resize: none;
  min-height: 58px;
  padding: 4px 10px;
  box-sizing: border-box;
}

.gl-input-box textarea:focus {
  border-color: #68479D;
}

.gl-input-box .radio-input input {
  display: inline-block;
  width: auto;
  height: 14px;
  margin-bottom: 0;
  line-height: 0;
  padding: 2px 0;
  font-size: 12px;
}

.gl-input-box .checkbox-input [type=checkbox].filled-in:not(:checked) + label:before,
.gl-input-box .checkbox-input [type=checkbox].filled-in:not(:checked) + label:after,
.gl-input-box .checkbox-input [type=checkbox].filled-in:checked + label:after {
  top: 3px;
}

.gl-input-box .checkbox-input [type=checkbox].filled-in:checked + label:before {
  top: 1px;
}

.gl-input-box .checkbox-input input + label {
  margin-right: 12px;
}

.gl-input-box label.search {
  display: block;
  position: relative;
  font-weight: normal;
  margin-top: 27px;
}

.gl-input-box label.search:after {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f002";
  position: absolute;
  top: 5px;
  right: 2px;
  font-size: 16px;
  color: #9ca2ac;
  display: block;
  z-index: 1;
}

.gl-input-box input[type=search] {
  height: 2rem;
  width: 100%;
  padding: 0;
  font-size: 12px;
  font-family: "robotoregular";
  line-height: normal;
  border-color: #b8c7ce;
  border-width: 0 0 1px 0;
  border-style: solid;
  color: #000;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  -khtml-border-radius: 0;
  box-shadow: none;
  -webkit-appearance: none;
}

.gl-input-box label.search input[type=submit] {
  border: 0;
  background-color: transparent;
  position: absolute;
  top: 5px;
  right: 2px;
  display: block;
  cursor: pointer;
  z-index: 2;
  color: transparent;
}

/* END */
/* New Team  dropdown */
.employee-dropdown {
  margin-bottom: 16px;
}
.employee-dropdown > .caret {
  display: none;
}
.employee-dropdown #select_employees .dd-select {
  border: 0;
}
.employee-dropdown #select_employees .dd-pointer-down {
  border-top: solid 5px #9ca2a4;
}
.employee-dropdown #select_employees .dd-pointer-up {
  border-bottom: solid 5px #9ca2a4 !important;
}
.employee-dropdown #select_employees .dd-selected {
  height: 60px;
  background-color: #FFF;
  box-shadow: 0px 2px 4px 0px rgba(186, 202, 210, 0.2);
  -webkit-box-shadow: 0px 2px 4px 0px rgba(186, 202, 210, 0.2);
  -moz-box-shadow: 0px 2px 4px 0px rgba(186, 202, 210, 0.2);
  border-radius: 3px;
  padding: 13px 15px;
}
.employee-dropdown #select_employees .dd-selected img {
  width: 35px;
  height: 35px;
  margin-right: 10px;
  border-radius: 50%;
  border: 1px solid #ecf0f2;
}
.employee-dropdown #select_employees .dd-selected label {
  font-size: 14px;
  color: #222d32;
  font-weight: normal;
  margin: 0;
}
.employee-dropdown #select_employees .dd-desc {
  color: #b8c7ce;
  font-size: 12px;
}
.employee-dropdown #select_employees #select_employees .dd-pointer {
  right: 20px;
}
.employee-dropdown #select_employees .dd-option-selected {
  background-color: #f3f3f3;
}
.employee-dropdown #select_employees .dd-options {
  border: 0;
  border: 1px solid #ddd !important;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(186, 202, 210, 0.2);
  -moz-box-shadow: 0px 2px 4px 0px rgba(186, 202, 210, 0.2);
  border-radius: 0px 0px 3px 3px;
}
.employee-dropdown #select_employees .dd-options .dd-options-o {
  max-height: 338px;
  width: 100% !important;
  padding-right: 0 !important;
  margin-bottom: 0;
}
.employee-dropdown #select_employees .dd-options .dd-search-label {
  border-bottom: 1px solid #ccd7dc;
  padding: 0 15px;
  margin-bottom: 5px;
  width: 100%;
}
.employee-dropdown #select_employees .dd-options .dd-search-label .dd-search-text {
  background: transparent url("/assets/img/search-icon.png") no-repeat left;
  border: 0;
  padding: 0 0 0 23px;
  width: 100%;
  font-size: 13px;
  margin: 0;
  height: 32px;
  color: #222d32;
  outline: none;
  box-shadow: none;
  border-radius: 10em;
  transition: all 0.5s;
  box-sizing: border-box;
  border-bottom: 0;
  margin-bottom: 4px;
  border-radius: 0;
}
.employee-dropdown #select_employees .dd-options .dd-search-label .dd-search-text:focus {
  border: 0;
  box-shadow: none;
}
.employee-dropdown #select_employees .dd-options li:last-child a {
  border-bottom: 0;
}
.employee-dropdown #select_employees .dd-options + div {
  z-index: 9999 !important;
}
.employee-dropdown #select_employees .dd-option:hover {
  background-color: #f5f7f8;
}
.employee-dropdown #select_employees .dd-option {
  padding: 10px 12px;
}
.employee-dropdown #select_employees .dd-option .dd-option-image {
  width: 35px;
  height: 35px;
  margin-right: 10px;
  border-radius: 50%;
  border: 1px solid #ecf0f2;
}
.employee-dropdown #select_employees .dd-option label {
  font-size: 14px;
  color: #222d32;
  font-weight: normal;
  margin: 0px;
  white-space: nowrap;
  width: 16em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.employee-dropdown #select_employees .dd-option small {
  color: #b8c7ce;
  font-size: 12px;
  margin-top: -6px;
}

/*End*/
/* No result found*/
.no-result-found {
  text-align: center;
  padding: 20px 0;
}
.no-result-found i {
  color: #b8c7ce;
}
.no-result-found i:before {
  font-size: 36px;
}
.no-result-found p {
  font-size: 18px;
  color: #222d32;
  margin-top: 10px;
  font-family: "robotoregular";
  text-align: center;
}

/* Modal styling */
/*
.modal-noscrollbar header.hdr-wrap > .navbar {
  margin-right: 15px !important;
}
*/
.datepicker.datepicker-dropdown.dropdown-menu {
  z-index: 999 !important;
}

/* End */
.help-block {
  display: block;
  margin-top: -5px;
  margin-bottom: 10px;
  font-size: 13px;
  color: #737373;
}

.input-field label {
  color: #9ca24c;
  font-size: 12px;
  font-weight: normal;
}

/*Select Dropdown css*/
.select-wrapper::after {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f107";
  position: absolute;
  top: 5px;
  right: 2px;
  font-size: 20px;
  color: #9ca2ac;
  z-index: 0;
}

.select-wrapper input.select-dropdown {
  border-bottom: 1px solid #b8c7ce;
  font-size: 13px;
  height: 2rem;
  font-family: "robotoregular";
  line-height: normal;
  line-height: 0px;
  z-index: 1;
  text-transform: capitalize;
  box-sizing: border-box;
  padding-right: 20px;
}

.select-wrapper input.select-dropdown:disabled {
  cursor: not-allowed !important;
}

.dropdown-content.select-dropdown {
  box-shadow: 0px 2px 4px 0px rgba(186, 202, 210, 0.2);
  top: 8px !important;
  max-height: 260px;
  z-index: 100;
  width: 100% !important;
  padding-right: 0 !important;
}
.dropdown-content.select-dropdown + div {
  z-index: 99 !important;
}
.dropdown-content.select-dropdown + div .enscroll-track.track3 {
  width: 5px;
  z-index: 99 !important;
}
.dropdown-content.select-dropdown + div .enscroll-track.track3 .handle3 {
  width: 5px;
}

.dropdown-content.select-dropdown li:hover {
  background-color: #f5f7f8;
}

.dropdown-content.select-dropdown li {
  line-height: 1rem;
  margin-left: 0px;
}

.dropdown-content li > a, .dropdown-content li > span {
  font-size: 14px;
  color: #000000;
  display: block;
  padding: 10px 1rem;
  font-family: "robotoregular";
}

.typeahead {
  z-index: 999999;
}

.tooltip-inner {
  font-size: 12px !important;
  padding: 4px 4px !important;
}

main {
  padding: 48px 0 0 0;
  background-color: #222d32;
  transition: all 0.3s ease 0s;
}

.nav-up main {
  padding: 0 0 0 0;
}

/* custom class to override .modal-open */
body.modal-noscrollbar {
  overflow: hidden !important;
}

body.padding-space {
  padding-right: 15px !important;
}
@-moz-document url-prefix() {
  body.padding-space {
    padding-right: 10px !important;
  }
}

body.padding-space {
  padding-right: 15px !important;
}
@-moz-document url-prefix() {
  body.padding-space {
    padding-right: 10px !important;
  }
}

body header .navbar.padding-space {
  padding-right: 15px !important;
}
@-moz-document url-prefix() {
  body header .navbar.padding-space {
    padding-right: 10px !important;
  }
}

.modal-open .modal {
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
}

.modal-body {
  padding-right: 15px !important;
  width: 100% !important;
}

/*
body::-webkit-scrollbar { width: 15px !important; background-color: #ccc; }
body::-webkit-scrollbar-button:start { background-color: #0b2e13;}
body::-webkit-scrollbar-button:end { background-color: #6013a2;}
body::-webkit-scrollbar-corner {
  background-color: darkgrey;
}
body { overflow: -moz-scrollbars-none; }
body { -ms-overflow-style: none; }
*/
/* -- Content top hading bar -- */
.content-top-head-bar {
  background-color: #ffffff;
  padding: 0px 20px;
}

.content-top-head-bar-lft {
  font-family: "robotoregular";
}

.content-top-head-bar-lft h3 {
  margin: 0px;
  padding: 0px;
  line-height: auto;
  line-height: 20px;
  margin: 14.5px 0 0 0;
}

.content-top-head-bar-lft h3 > i {
  color: #b8c7ce;
  float: left;
  margin-left: 0;
}

body [class^=flaticon-]:before,
body [class*=" flaticon-"]:before,
body [class^=flaticon-]:after,
body [class*=" flaticon-"]:after {
  margin-left: 0;
}

.content-top-head-bar-lft p {
  color: #9ca2a4;
  font-size: 14px;
  padding-bottom: 14.5px;
  display: inline-block;
  padding-left: 24px;
}

.content-top-head-bar-lft h3 span {
  color: #222d32;
  font-size: 18px;
  margin-left: 5px;
}

.content-top-head-bar-lft .nav-tabs {
  box-shadow: none;
  height: 30px;
}

.content-top-head-bar-lft .nav-tabs li:first-child {
  margin: 0;
}

.content-top-head-bar-lft .nav-tabs li {
  text-transform: capitalize;
  margin: 0px 12px;
  line-height: 18px;
  height: 30px;
}

.content-top-head-bar-lft .nav-tabs li a {
  padding: 0 16px;
  color: #b8c7ce;
  font-size: 14px;
}

.content-top-head-bar-lft .nav-tabs li.active a {
  color: #222d32;
  border-bottom: 2px solid #68479D;
}

.content-top-head-bar-lft .nav-tabs li a:focus {
  background-color: transparent;
}

.content-top-head-bar-rght > .input-field {
  margin-top: 1.8rem;
  margin-bottom: 4px;
}

.content-top-head-bar-rght .select-wrapper + label {
  top: -11px;
  left: 14px;
}

.content-top-head-bar-rght .act_btn {
  margin-top: 22px;
}

.content-top-head-bar-rght > .input-field {
  margin-top: 1.8rem;
  margin-bottom: 4px;
}

/* /End */
/*------Placeholder------*/
textarea::-webkit-input-placeholder {
  font-size: 13px !important;
  font-weight: normal;
  font-family: "robotoregular";
  color: #cdcdcd;
}

textarea:-moz-placeholder {
  font-size: 13px !important;
  font-weight: normal;
  font-family: "robotoregular";
  color: #cdcdcd;
}

textarea::-moz-placeholder {
  font-size: 13px !important;
  font-weight: normal;
  font-family: "robotoregular";
  color: #cdcdcd;
}

textarea:-ms-input-placeholder {
  font-size: 13px !important;
  font-weight: normal;
  font-family: "robotoregular";
  color: #cdcdcd;
}

input::-webkit-input-placeholder {
  font-size: 13px !important;
  font-weight: normal;
  font-family: "robotoregular";
  color: #cdcdcd;
}

input:-moz-placeholder {
  font-size: 13px !important;
  font-weight: normal;
  font-family: "robotoregular";
  color: #cdcdcd;
}

input::-moz-placeholder {
  font-size: 13px !important;
  font-weight: normal;
  font-family: "robotoregular";
  color: #cdcdcd;
}

input:-ms-input-placeholder {
  font-size: 13px !important;
  font-weight: normal;
  font-family: "robotoregular";
  color: #cdcdcd;
}

input[type=search]::-webkit-input-placeholder {
  font-size: 13px !important;
  font-weight: normal;
  font-family: "robotoregular";
  color: #cdcdcd;
}

input[type=search]:-moz-placeholder {
  font-size: 13px !important;
  font-weight: normal;
  font-family: "robotoregular";
  color: #cdcdcd;
}

input[type=search]::-moz-placeholder {
  font-size: 13px !important;
  font-weight: normal;
  font-family: "robotoregular";
  color: #cdcdcd;
}

input[type=search]:-ms-input-placeholder {
  font-size: 13px !important;
  font-weight: normal;
  font-family: "robotoregular";
  color: #cdcdcd;
}

.select-wrapper + label {
  top: -14px;
  font-size: 13px;
  font-weight: normal;
}

/*------table listing------*/
.list-table {
  margin-top: 0px;
  padding-top: 10px;
  border-top: 1px solid #f7f7f7;
}

.list-table th {
  border: 0;
}

.list-table > thead > tr > th {
  border: 0;
  font-size: 12px;
}

.ist-table thead th {
  padding: 20px 4px;
  border: 0;
  font-size: 12px;
}

.list-table tbody tr:hover {
  background-color: #f3f2f2;
}

.list-table tbody tr td {
  font-size: 12px;
  border-top: 0;
  border-bottom: 1px solid #f7f7f7;
  padding: 2px 8px;
  white-space: nowrap;
  line-height: 32px;
}

.list-table tbody tr:last-child td {
  border-bottom: 0;
}

.list-table tr td .table_cta {
  background-color: #88c538;
  color: #FFF;
  border: 0;
  padding: 5px 0px;
  text-align: center;
  line-height: 12px;
  min-width: 56px;
}

/*Members Request*/
span.status {
  border-radius: 12px;
  display: inline-block;
  padding: 2px 13px;
  color: #FFF;
  font-size: 12px;
  background-color: #88d1fa;
  line-height: 17px;
  margin-top: 5px;
}

span.status.pending {
  background-color: #88d1fa;
}

span.status.rejected {
  background-color: #f7494a;
}

span.status.approved {
  background-color: #79d58a;
}

span.status.request {
  background-color: #FFFF66;
}

a.remove {
  display: inline-block;
  padding: 4px 10px;
  line-height: 19px;
  color: #FFF;
}

.border-full-width {
  height: 1px;
  width: 105.2%;
  background-color: #f7f7f7;
  margin: 10px 0px;
  margin: 10px 0px 10px -25px;
}

body .daterangepicker .calendar th,
body .daterangepicker .calendar td,
body .datepicker td,
body .datepicker th {
  font-weight: normal;
}

/*-------------------------Header------------------------------------*/
nav.navbar {
  transition: top 0.1s ease-in-out;
}

nav.navbar.nav-up {
  top: -60px;
}

body.nav-up .main-sidebar {
  top: -30px;
}

.site-logo {
  background: url(/assets/img/disrupt.svg);
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: -9999px;
  position: relative;
  left: auto;
  float: left;
  width: 200px;
  height: 32px;
  margin: 6px 0 6px 0px;
  /*background-position: left -186px;*/
  transition: width 0.3s ease-in-out;
}

.site-logo.talent-day {
  background: url(/assets/img/Gif-Logo.gif);
  background-size: cover;
}

.celebration-navbar .site-logo {
  background: url("/assets/img/Logo-GT.svg?v=1.0") no-repeat left 0;
}

.celebration-navbar.navbar {
  background-image: url(/assets/img/talent24-header.png) !important;
  background-repeat: no-repeat !important;
  background-size: auto 100% !important;
  background-position: top center !important;
}
.celebration-navbar main {
  background: linear-gradient(to right, #6A37C1, #BB73DB) !important;
}

.main-sidebar.celebration-navbar {
  background: linear-gradient(195deg, rgb(46, 48, 157) 0%, rgb(82, 56, 145) 35%, rgb(162, 76, 117) 100%) !important;
}
.main-sidebar.celebration-navbar .sidebar-menu li.menu-open a,
.main-sidebar.celebration-navbar .sidebar-menu li.active a,
.main-sidebar.celebration-navbar .sidebar-menu li:hover a,
.main-sidebar.celebration-navbar .sidebar-menu li:focus a {
  background: #523891 !important;
}
.main-sidebar.celebration-navbar .sidebar-menu li.menu-open a:hover,
.main-sidebar.celebration-navbar .sidebar-menu li.active a:hover,
.main-sidebar.celebration-navbar .sidebar-menu li:hover a:hover,
.main-sidebar.celebration-navbar .sidebar-menu li:focus a:hover {
  color: #fff !important;
  /*background: -webkit-linear-gradient(#D4AF37, #C5A028);
  -webkit-background-clip: text;*/
  /*-webkit-text-fill-color: transparent;*/
}
.main-sidebar.celebration-navbar .sidebar-menu li.active > a {
  color: #fff !important;
  /*background: -webkit-linear-gradient(#D4AF37, #C5A028);
  -webkit-background-clip: text;*/
  /*-webkit-text-fill-color: transparent;*/
}
.main-sidebar.celebration-navbar .sidebar-menu li.menu-open > a {
  color: #fff;
}
.main-sidebar.celebration-navbar .sidebar-menu li.menu-open .treeview-menu {
  background: #523891 !important;
}
.main-sidebar.celebration-navbar .sidebar-menu li .bgcolor-blue,
.main-sidebar.celebration-navbar .sidebar-menu li .bgcolor-dark-blue {
  background: linear-gradient(to right, #6A37C1, #BB73DB);
  background: linear-gradient(to bottom, #523891 0%, linear-gradient(to right, #6A37C1, #BB73DB) 100%);
  background: -ms-linear-gradient(top, #523891 0%, linear-gradient(to right, #6A37C1, #BB73DB) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ba04e5", endColorstr="#9d09c1", GradientType=0);
  border: 1px solid #523891;
  box-shadow: inset 0 1px 0 #523891;
  -webkit-box-shadow: inset 0 1px 0 #523891;
  -moz-box-shadow: inset 0 1px 0 #523891;
}
.main-sidebar.celebration-navbar .side-nav-footer .copyright .fa-heart {
  color: #D4AF37 !important;
  /*background: -webkit-linear-gradient(#D4AF37, #C5A028);
  -webkit-background-clip: text;*/
  /*-webkit-text-fill-color: transparent;*/
}

.colapse-navbar {
  font-size: 22px;
  color: #FFF;
  margin-left: 8px;
  padding-top: 12px;
  display: inline-block;
}

.colapse-navbar:hover {
  color: #FFF;
}

.colapse-navbar > i {
  font-size: 24px;
  background-color: transparent;
}

.colapse-navbar:focus {
  color: #FFF !important;
}

.hdr-wrap .navbar .navbar-brand {
  font-family: "robotolight", Arial, Helvetica, sans-serif;
  margin: 18px 0 0 0;
  font-size: 24px;
  color: #fff;
  padding: 2px 15px 8px 15px;
  height: auto;
}

.hdr-wrap .navbar-fixed-top {
  background: linear-gradient(to right, #6A37C1, #BB73DB) !important;
  padding: 0;
  margin: 0;
  z-index: 9999;
  box-shadow: none;
  height: 48px;
}

.hdr-wrap .celebration-navbar.navbar-fixed-top {
  background-color: linear-gradient(to right, #6A37C1, #BB73DB);
  box-shadow: 0 -15px 30px #061007;
}

.hdr-wrap .navbar-header {
  padding: 0 20px;
  width: 242px;
}

.hdr-wrap .top-nav-collapse {
  /*background-color: #0591cc !important;*/
}

.hdr-wrap .celebration-navbar.top-nav-collapse {
  background-color: linear-gradient(to right, #6A37C1, #BB73DB) !important;
}

.navbar-custom-menu.pull-right {
  margin-right: 20px;
}

.navbar-custom-menu > .navbar-nav > li:first-child {
  background-color: #68479D;
}

.celebration-navbar .navbar-custom-menu > .navbar-nav > li:first-child {
  background: #523891;
  background: linear-gradient(195deg, #b82ef8 0%, #aa11bd 35%, #a24c75 100%) !important;
  background: -ms-linear-gradient(top, #b82ef8 0%, #a24c75 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ba04e5", endColorstr="#9d09c1", GradientType=0);
  box-shadow: inset 0 1px 0 #a24c75;
  -webkit-box-shadow: inset 0 1px 0 #a24c75;
  -moz-box-shadow: inset 0 1px 0 #a24c75;
  border: 1px solid #a24c75;
}

.navbar-custom-menu > .navbar-nav > li {
  position: relative;
}

.navbar-custom-menu .navbar-nav > li > a {
  font-size: 13px;
  color: #FFF;
  padding: 18px 14px;
}

.navbar-custom-menu .navbar-nav > li.short-links > a {
  padding: 18px 18px;
}

.navbar-custom-menu .navbar-nav > li.flat-family > a {
  padding: 18px 20px;
}

.navbar-custom-menu .navbar-nav > li.user-menu > a {
  padding-top: 12px;
  padding-bottom: 10px;
}

.navbar-custom-menu .navbar-nav > li.user-menu > a img {
  background: transparent !important;
  padding: 0 !important;
}

.navbar-custom-menu .navbar-nav > li > a i {
  font-size: 24px;
  position: relative;
  top: 1px;
  margin-right: 0px;
  background: transparent;
}

.navbar-custom-menu .navbar-nav > li > a i.flaticon:before {
  font-size: 24px;
  margin-left: 0;
}

.navbar-custom-menu .navbar-nav > li > a i.flaticon.flaticon-signs:before {
  font-size: 16px;
  margin-left: 0;
}

.navbar-custom-menu .navbar-nav > li > a i.flaticon.flaticon-notification:before {
  font-size: 22px;
  margin-left: 0;
}

.navbar-custom-menu .navbar-nav > li > a small {
  position: absolute;
  background: #f7494a;
  font-size: 11px;
  min-width: 18px;
  min-height: 18px;
  top: 13px;
  right: 10px;
  display: block;
  border-radius: 50%;
  line-height: 18px;
  text-align: center;
  font-family: "robotoregular";
}

.navbar-custom-menu > .navbar-nav > li .dropdown-menu:before {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  margin: 0 auto;
  border-color: transparent transparent white transparent;
  margin-top: 40px;
  top: -48px;
  position: absolute;
  z-index: 4;
  right: 4%;
}

.navbar-custom-menu > .navbar-nav > li .dropdown-menu {
  position: absolute;
  right: 0;
  left: auto;
  min-width: 315px;
  max-width: 100%;
  max-height: 427px;
  padding: 0;
  border: 0;
  background: #FFF;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  transition: all 300ms ease;
}

.navbar-custom-menu > .navbar-nav > li .dropdown-menu:before {
  right: 5.4%;
}

/* -- Quick Dropdown -- */
.quick-dropdown {
  clear: both;
  padding: 0;
}

.quick-dropdown li {
  float: left;
  width: auto;
  text-align: center;
  clear: none;
  border-bottom: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
}

.quick-dropdown li a {
  width: 104px;
  padding: 17px 0px;
  font-size: 11px;
  font-family: "robotoregular";
  font-weight: normal;
  color: #1e282c;
}

.quick-dropdown li a, .quick-dropdown li a span, .quick-dropdown li a i {
  display: block;
}

.quick-dropdown li a i {
  font-size: 23px;
  margin-bottom: 3px;
  color: #b8c7ce;
  text-align: center;
  margin: 0px auto;
}

.quick-dropdown li a i.flaticon:before {
  font-size: 22px;
}

.quick-dropdown li:hover, .quick-dropdown li a:hover {
  background-color: #f5f7f8 !important;
}

.quick-dropdown li:hover a i {
  color: #222d32;
}

/* -- Notification menu -- */
.notification-menu {
  min-width: 326px !important;
}

.navbar-custom-menu > .navbar-nav > li .notification-menu:before {
  right: 5.4%;
}

.notification-wrap {
  max-height: 384px;
  width: 100% !important;
  padding-right: 0 !important;
}

.notification-wrap + div .handle3 {
  width: 6px;
}

.notification-menu li.first-child {
  border-top: 0;
  min-height: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.notification-menu li.first-child span {
  padding: 0 14px 3px 14px;
}

.notification-menu li.first-child a {
  font-size: 11px;
  color: #68479D;
}

.notification-menu li.first-child a:hover, .notification-menu li.first-child:hover {
  background: transparent !important;
  text-decoration: underline;
}

.notification-menu li {
  border-top: 1px solid #dcdcdc;
  position: relative;
}

.notification-menu li > button.close-notification {
  color: #b8c7ce;
  padding: 4px 0;
  position: absolute;
  z-index: 1;
  right: 15px;
  top: 50%;
  margin-top: -15px;
}

.notification-menu li > a {
  white-space: normal;
  position: relative;
  padding: 12px 15px;
}

.notification-menu li.no-new-notification > a {
  font-size: 14px;
}

.notification-menu li > a > i {
  position: absolute;
  top: 50%;
  right: 8px;
  font-size: 18px;
  margin-top: -11px;
}

.notification-menu li.no-new-notification {
  min-height: 100%;
}

.notification-menu li:hover .close-notification {
  color: #f7494a !important;
}

.notification-menu li > a {
  color: #b8c7ce;
}

.notification-menu li > a:hover {
  color: #b8c7ce;
}

.notification-menu li.no-new-notification:hover {
  background-color: transparent;
}

.notification-menu li .noti-image {
  font-size: 16px;
}

.notification-menu li .noti-content {
  padding-left: 30px;
}

.notification-menu li .noti-content > .noti-para {
  font-size: 12px;
  color: #696969;
  line-height: 15px;
  display: block;
  padding-right: 30px;
  word-break: break-word;
}

.notification-menu li .noti-content > .noti-para > strong {
  font-family: "robotobold";
}

.notification-menu li .noti-content .noti-time {
  font-size: 11px;
  color: #b8c7ce;
  display: block;
  line-height: 12px;
  margin-top: 5px;
}

/* -- User profile menu -- */
.navbar-custom-menu > .navbar-nav > li .dropdown-menu.user-profile-menu:before {
  right: 8%;
}

.navbar-custom-menu > .navbar-nav > li .dropdown-menu.user-profile-menu li {
  border-top: 1px solid #dcdcdc;
  padding: 0px 15px;
}

.navbar-custom-menu > .navbar-nav > li .dropdown-menu.user-profile-menu li:first-child {
  border-top: 0;
  border-bottom: 0;
  padding-top: 12px;
  height: 95px;
}

.navbar-custom-menu > .navbar-nav > li .dropdown-menu.user-profile-menu li:first-child:hover {
  background: transparent;
  cursor: text;
}

.navbar-custom-menu > .navbar-nav > li .dropdown-menu.user-profile-menu li:first-child:hover a {
  background: transparent;
}

.navbar-custom-menu > .navbar-nav > li .dropdown-menu.user-profile-menu li:first-child a {
  color: #68479D;
  font-family: "robotoregular";
  padding-top: 5px;
  display: block;
}

.navbar-custom-menu > .navbar-nav > li .dropdown-menu.user-profile-menu li:first-child a:hover {
  text-decoration: underline;
}

.navbar-custom-menu > .navbar-nav > li .dropdown-menu.user-profile-menu li .user-info {
  padding: 5px 5px 5px 15px;
  line-height: 1;
  position: absolute;
  left: 76px;
  margin-top: 3px;
  padding: 0px 15px;
}

.navbar-custom-menu > .navbar-nav > li .dropdown-menu.user-profile-menu li .user-info p {
  font-size: 16px;
  color: #1e282c;
  margin: 0px;
  font-family: "robotoregular";
  line-height: 20px;
}

.navbar-custom-menu > .navbar-nav > li .dropdown-menu.user-profile-menu li .user-info span {
  font-size: 13px;
  color: #b8c7ce;
  display: block;
  margin-top: 0px;
}

.navbar-custom-menu > .navbar-nav > li .dropdown-menu.user-profile-menu li a {
  font-size: 13px;
  color: #696969;
}

.navbar-custom-menu > .navbar-nav > li .dropdown-menu.user-profile-menu li a:hover, .navbar-custom-menu > .navbar-nav > li .dropdown-menu.user-profile-menu li a:focus {
  color: #696969;
}

.navbar-custom-menu > .navbar-nav > li .dropdown-menu.user-profile-menu li a i {
  font-size: 18px;
  margin-right: 10px;
  color: #b8c7ce;
}

.navbar-custom-menu > .navbar-nav > li .dropdown-menu li:hover, .navbar-custom-menu > .navbar-nav > li .dropdown-menu li a:hover {
  background-color: #f5f7f8;
}

.headline-sec {
  position: relative;
  /*height: 50px;*/
  overflow: hidden;
  font-family: "robotomedium", Arial, Helvetica, sans-serif;
  color: #808080;
}

.headline-sec .carousel {
  padding: 0 20px;
}

.headline-sec p {
  /*float: left;*/
  margin: 0;
  padding: 15px 0;
  font-size: 12px;
}

.headline-sec p img {
  margin-top: -1px;
  margin-right: 10px;
}

.headline-sec p b {
  font-family: "robotobold", Arial, Helvetica, sans-serif;
}

.border-gradient {
  position: absolute;
  bottom: 0;
  height: 2px;
  width: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0c7ec2+0,0c7ec2+20,5bb011+20,5bb011+36,5bb011+40,2a4f82+40,2a4f82+60,ee7f13+60,ee7f13+80,482d78+80,482d78+100 */
  background: rgb(12, 126, 194);
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgb(12, 126, 194) 0%, rgb(12, 126, 194) 20%, rgb(91, 176, 17) 20%, rgb(91, 176, 17) 36%, rgb(91, 176, 17) 40%, rgb(42, 79, 130) 40%, rgb(42, 79, 130) 60%, rgb(238, 127, 19) 60%, rgb(238, 127, 19) 80%, rgb(72, 45, 120) 80%, rgb(72, 45, 120) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/*.icon-update-data {background-position: center -1375px !important;}    */
.content-wrapper {
  min-height: 100% !important;
  background-color: #F3F4F6;
  z-index: 800;
}

.content {
  min-height: 250px;
  padding: 20px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 50px;
}

.content-wrapper, .main-footer {
  transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  margin-left: 280px;
  z-index: 820;
}

.usr-info {
  padding: 101px 45px 20px 5px;
  background: #323332;
  margin: 0px -15px 30px -15px;
  background: url("/assets/img/user-info-back.jpg") no-repeat center 0;
  background-size: cover;
  min-height: 262px;
}

.usr-info-img {
  width: 140px;
  height: 140px;
  border-radius: 100%;
  border: 5px solid #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
  position: relative;
  float: left;
  margin-right: 25px;
}

.usr-info-img img {
  width: 100%;
}

.usr-info-img .file-field {
  margin-top: 0;
}

.usr-info-img .btn {
  font-size: 13px;
  line-height: 1.2rem;
  margin: 0;
  width: 100%;
  padding: 0px 5px;
  min-height: 125px;
  text-transform: capitalize;
  border-radius: 100%;
  display: none;
}

.usr-info-img:hover button {
  display: block;
}

.usr-info-img .btn i {
  display: block;
  margin-bottom: 5px;
}

.usr-info .btn-default {
  background: none;
  box-shadow: none;
}

.usr-info .btn-default:focus,
.usr-info .btn-default:hover {
  background-color: rgba(0, 0, 0, 0.6) !important;
  color: #fff !important;
}

.usr-info-det {
  color: #fff;
  font-size: 16px;
  font-family: "robotolight";
  float: left;
}

.usr-info-top {
  padding-top: 24px;
  font-size: 24px;
}

.usr-info-title {
  float: left;
  margin-right: 15px;
  max-width: 195px;
  font-size: 24px;
  font-family: "robotomedium";
}

.usr-info-badg {
  float: right;
  margin-top: 2px;
}

.usr-info-badg span {
  float: left;
  width: 34px;
  height: 36px;
  line-height: 28px;
  padding-bottom: 6px;
  background: url("/assets/img/badges.png") no-repeat left top;
  font-size: 13px;
  text-align: center;
  font-family: "robotobold";
  margin-right: 2px;
  color: #e7eaeb;
}

.usr-info-badg span:nth-child(2) {
  background-position: -36px top;
  color: #d5891c;
}

.usr-info-badg span:nth-child(3) {
  background-position: -72px top;
  margin-right: 0;
  color: #5f6162;
}

.usr-log-det {
  font-size: 14px;
  color: #fff;
  text-align: right;
  padding-top: 2px;
}

.usr-log-det b {
  font-family: "robotobold";
}

.usr-log-det li {
  padding-bottom: 15px;
  position: relative;
}

.usr-log-det li i {
  position: absolute;
  top: 0px;
  right: -30px;
  color: #f52d2f;
}

.usr-log-det li .tooltip {
  min-width: 250px;
  opacity: 1;
}

.usr-log-det li .tooltip-inner {
  font-size: 15px;
  padding: 5px 12px;
  max-width: 300px;
  background-color: rgba(255, 255, 255, 0.94);
  border-color: #fff;
  color: #000;
  opacity: 1;
  font-family: "robotomedium";
}

.usr-log-det li .tooltip.left .tooltip-arrow {
  border-left-color: #fff;
}

.score-card-wrap {
  margin-bottom: 25px;
  font-family: "robotomedium", Arial, Helvetica, sans-serif;
  background: #fff;
  padding: 22px 25px;
  box-shadow: 0px 2px 4px 0px rgba(186, 202, 210, 0.2);
  -webkit-box-shadow: 0px 2px 4px 0px rgba(186, 202, 210, 0.2);
  -moz-box-shadow: 0px 2px 4px 0px rgba(186, 202, 210, 0.2);
  border-radius: 3px;
}

.score-card-wrap h6 {
  margin: 0 0 32px 0;
  color: #9a9a9a;
  font-size: 12px;
}

.score-card-wrap .nav-tabs {
  font-size: 14px;
  box-shadow: none;
  border-bottom: 1px solid #f2f2f2;
}

.score-card-wrap .nav-tabs > li > a {
  padding: 12px 15px 8px 15px;
  color: #9a9a9a;
  border-bottom: 2px solid transparent;
  border: 0;
}

.score-card-wrap .nav-tabs li.active > a {
  border-bottom: 2px solid #0095d4;
  color: #404040;
}

.nav-tabs li > a:hover {
  padding-bottom: 15px;
  border: 1px solid transparent;
}

nav-tabs > li > a {
  background-color: transparent;
}

.score-card-inr .tab-content {
  padding: 30px 0;
}

.btn-concern,
.btn-concern:hover,
.btn-concern:focus {
  color: #f56346;
  font-size: 14px;
  margin: 0;
  padding: 8px;
}

.sc-half-left-wrap,
.sc-half-right-wrap {
  float: left;
  width: 48.7%;
}

.sc-half-left-wrap {
  margin-right: 2.6%;
}

.sc-half-left-wrap .score-card-wrap {
  padding: 6px 25px 0 25px;
}

.sc-half-left-wrap .score-card-wrap .btn-success {
  padding-top: 2px;
  padding-bottom: 3px;
  margin-left: 0;
  margin-bottom: 0;
}

.sc-half-right-wrap {
  border-top: 3px solid #ffa180;
}

.sc-half-right-wrap .score-card-wrap {
  padding-top: 16px;
}

.sc-half-right-wrap p {
  color: #cdcdcd;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.sc-half-right-wrap h4 {
  font-size: 20px;
  margin-top: 0;
  color: #404040;
}

.content-box {
  min-height: 260px;
}

.btn-poll,
.btn-poll:hover,
.btn-poll:focus {
  color: #88c538;
  font-size: 14px;
  margin: 0;
  padding: 8px;
}

/************** Main Side Nav ***************/
.sidebar-wrap {
  width: 20%;
  padding: 35px 15px 35px 10px;
}

.col-wide-wrap {
  width: 80%;
  background: #f9f9f9;
}

.col-wide-full-wrap {
  width: 100%;
}

.sidenavButton {
  border-color: #337ab7;
}

.sidenavButton:focus {
  background-color: transparent;
}

.sidenavButton .icon-bar {
  background-color: #337ab7;
}

.sidenav {
  margin: 0;
  font-family: "robotomedium", Arial, Helvetica, sans-serif;
  font-size: 13px;
  padding: 0;
}

.sidenav li {
  margin-left: -25px;
  padding: 0px 10px;
}

.aopen > .dropdown-menu {
  display: block;
}

.sidenav li:hover {
  background-color: #f6f6f6;
  color: #393939;
}

.sidenav li.active {
  background-color: #ccc;
  color: #393939;
}

.sidenav li a {
  display: block;
  color: #727272;
  padding: 10px 0 10px 25px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.sidenav li a span {
  float: left;
  margin-right: 15px;
  height: 22px;
  width: 20px;
  background: url("/assets/img/sprite-sidenav-icons.png?") no-repeat center 0;
  position: relative;
}

.sidenav li a i {
  float: left;
  margin-right: 15px;
  width: 20px;
  font-size: 20px;
  position: relative;
  top: 0px;
}

.sidenav li ul a i {
  top: -3px;
}

/*------Enscroll bar------*/
.track3 {
  width: 6px !important;
  background: rgba(0, 0, 0, 0);
  right: 0;
  margin-right: 0 !important;
  border-radius: 10px;
  transition: background 250ms linear;
}

.track3:hover, .track3.dragging {
  background: #d9d9d9;
  /* Browsers without rgba support */
  background: rgba(0, 0, 0, 0.15);
  width: 10px !important;
  right: 4px;
}

.handle3 {
  width: 6px !important;
  right: 0;
  background: #999;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 7px;
  transition: width 250ms;
}

.track3:hover .handle3, .track3.dragging .handle3 {
  width: 10px !important;
}

/*Sidebar Nav Dropdown*/
.sidenav .sidenavDropdown {
  /*margin-left: 0px;*/
}

.sidenavDropdown {
  /*width: 100%;*/
}

.sidenavDropdown .dropdown-toggle {
  width: 100%;
  display: block;
  color: #727272;
  padding: 10px 0 10px 25px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  box-shadow: none;
}

.sidenavDropdown .dropdown-toggle:after {
  content: "";
  position: absolute;
  top: 16px;
  right: 10px;
  width: 10px;
  height: 10px;
  background: url("/assets/img/icons/arrow-right-icon-img.png") no-repeat top left;
  background-size: 100% 100%;
  transform: rotate(90deg);
}

.sidenavDropdown.open .dropdown-toggle:after {
  transform: rotate(0deg);
}

/*.sidenavDropdown .dropdown-toggle span{
    background: none;
    width: 20px;
    height: 20px;
    font-size: 23px;
}*/
.sidenavDropdown .dropdown-toggle i {
  background: none;
  width: 20px;
  height: 20px;
  font-size: 17px;
  margin-right: 15px;
}

.sidenavDropdown .dropdown-toggle i.fa-list {
  top: 2px;
}

.sidenavDropdown .dropdown-toggle i.fa-map,
.sidenavDropdown .dropdown-toggle i.fa-calendar,
.sidenavDropdown .dropdown-toggle i.fa-street-view {
  top: 0px;
}

.sidenavDropdown .sidenavDropdown-atd span {
  background: url("/assets/img/sprite-sidenav-icons.png?") no-repeat center 0 !important;
  background-position: center -48px !important;
  color: transparent !important;
}

.sidenavDropdown .sidenavDropdown-referralSystem {
  background: url("/assets/img/sprite-sidenav-icons.png?") no-repeat center 0 !important;
  background-position: center -608px !important;
  color: transparent !important;
}

.sidenavDropdown .sidenavDropdown-interviews {
  background: url("/assets/img/sprite-sidenav-icons.png?") no-repeat center 0 !important;
  background-position: center -810px !important;
  color: transparent !important;
}

.sidenavDropdown ul {
  width: 100%;
  position: static;
  /* float: none;*/
  box-shadow: none;
  border: none;
  z-index: 29;
}

.sidenavDropdown ul li {
  margin-left: 0px;
}

.sidenavDropdown ul li a {
  font-size: 14px;
  padding: 10px 0 10px 55px;
}

.sidenavDropdown ul li a span {
  float: left;
  margin-right: 19px;
  height: 22px;
  width: 21px;
  background: none;
  font-size: 23px;
}

.sidenavDropdown .w-mg li a span {
  background: url(/assets/img/sprite-sidenav-icons.png) no-repeat center 0;
}

.adminNav .sidenavDropdown ul li a span {
  background: url(/assets/img/sprite-sidenav-icons.png) no-repeat center 0;
}

.icon-db {
  background-position: center -8px !important;
}

.icon-ar {
  background-position: center -48px !important;
}

/*.icon-ta {background-position: center -249px !important;}*/
.icon-ta {
  background-position: center -368px !important;
}

.icon-af {
  background-position: center -89px !important;
}

.icon-ci {
  background-position: center -131px !important;
}

.icon-cp {
  background-position: center -168px !important;
}

.icon-fbs {
  background-position: center -209px !important;
}

.icon-fe {
  background-position: center -249px !important;
}

.icon-hlth {
  background-position: center -288px !important;
}

.icon-ib {
  background-position: center -325px !important;
}

.icon-mt {
  background-position: center -368px !important;
}

.icon-ne {
  background-position: center -411px !important;
}

.icon-nn {
  background-position: center -449px !important;
}

.icon-ps {
  background-position: center -488px !important;
}

.icon-polls {
  background-position: center -529px !important;
}

.icon-policies {
  background-position: center -569px !important;
}

.icon-rs {
  background-position: center -608px !important;
}

.icon-targets {
  background-position: center -648px !important;
}

.icon-tg {
  background-position: center -689px !important;
}

.icon-training {
  background-position: center -728px !important;
}

.icon-intrvw {
  background-position: center -810px !important;
}

.icon-hiring {
  background-position: center -849px !important;
}

.icon-leave {
  background-position: center -940px !important;
}

.icon-ticket {
  background-position: center -987px !important;
}

.icon-lunch {
  background-position: center -1033px !important;
}

.icon-menu {
  background-position: center -1076px !important;
}

.icon-history {
  background-position: center -1117px !important;
}

.icon-order-detail {
  background-position: center -1206px !important;
}

.icon-create-menu {
  background-position: center -1160px !important;
}

.icon-food-reference {
  background-position: center -1253px !important;
}

.icon-order-bill {
  background-position: center -1253px !important;
}

.icon-tag {
  background-position: center -1333px !important;
}

.icon-order-bill {
  background-position: center -1293px !important;
}

.icon-ticket {
  top: -2px;
}

.icon-leave,
.icon-lunch {
  width: 24px !important;
  position: relative;
  top: -2px;
}

.icon-update-data {
  background-position: center -1375px !important;
}

.icon-u-training {
  background-position: center -1417px !important;
}

.icon-c-training {
  background-position: center -1461px !important;
}

.icon-e-training {
  background-position: center -1499px !important;
}

/*page tabs*/
.ticket-s-tab-wrap {
  margin-bottom: 36px;
}

.ticket-s-tab-wrap .nav-tabs {
  box-shadow: none;
  border-bottom: 1px solid #f2f2f2;
  height: auto;
}

.ticket-s-tab-wrap .nav-tabs a {
  color: #9a9a9a;
  padding: 15px;
}

.ticket-s-tab-wrap .nav-tabs a:focus {
  background-color: transparent;
}

.ticket-s-tab-wrap .nav-tabs li {
  min-width: 185px;
  height: auto;
  font-size: 14px;
  line-height: 24px;
}

.ticket-s-tab-wrap .nav-tabs li > a:hover { /*border: 1px solid transparent;*/
  color: #404040;
  border-bottom-width: 2px;
}

.ticket-s-tab-wrap .nav-tabs > li.active > a, .rfrl-tabs-wrap .nav-tabs > li.active > a:hover, .rfrl-tabs-wrap .nav-tabs > li.active > a:focus {
  color: #404040;
}

.ticket-s-tab-wrap .nav-tabs li.active > a:hover {
  border: none;
}

.ticket-s-tab-wrap .nav-tabs li.active > a {
  border-bottom-color: #0095d4;
}

/**********This is main content css**************/
.fd-emp-top-txt {
  float: left;
  width: 100%;
  color: #9a9a9a;
  font-size: 12px;
  margin-bottom: 2px;
}

.fd-emp-wrap h4 {
  font-size: 16px;
  color: #404040;
  margin: 0 0 21px 0;
}

.fd-emp-srch {
  margin-top: 4px;
  padding-left: 0;
}

.fd-emp-srch-crt {
  margin-top: 0;
}

.fd-emp-srch-crt label {
  font-weight: normal;
}

.fd-emp-sort-sec {
  margin-top: 50px;
  margin-bottom: 0px;
}

.fd-emp-sort-sec .fd-emp-top-txt {
  margin-bottom: 20px;
}

.fd-emp-list tr:nth-child(2) td {
  border-top: 0;
}

.fd-emp-sort-box {
  padding: 0;
}

.fd-emp-list {
  font-size: 12px;
  padding-bottom: 0;
  padding-top: 30px;
  position: relative !important;
  width: 100%;
  overflow-y: hidden;
}

.fd-emp-list th {
  color: #9a9a9a;
  white-space: nowrap;
  font-weight: normal !important;
  border-top: 0 !important;
}

.fd-emp-list td {
  border-top-color: #f7f7f7 !important;
}

.fd-emp-list img {
  width: 30px;
  transition: transform 0.2s;
  transform: scale(1);
  z-index: 9;
  border-radius: 3px;
}

.scale-img {
  position: absolute;
  border-radius: 50%;
  box-shadow: 0px 0px 6px 0px #cecece;
  transform: scale(2.5) !important;
}

#employee_list_wrapper .DTFC_LeftBodyLiner,
#employee_list_wrapper .DTFC_LeftBodyWrapper {
  overflow: initial !important;
  width: 100% !important;
}

.fd-emp-srch-crt input {
  font-size: 15px;
  padding-left: 0;
  border-bottom-color: #d7d7d7;
  z-index: 9;
}

.fd-emp-srch-crt .dropdown-content {
  top: 15px !important;
}

.fd-emp-srch-crt .dropdown-content li > a,
.fd-emp-srch-crt .dropdown-content li > span {
  color: #404040;
  padding: 0.5rem 1rem;
  font-size: 1rem;
}

.fd-emp-srch-crt .select-wrapper::after {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f078";
  position: absolute;
  top: 14px;
  right: 4px;
  font-size: 16px;
  color: #757575;
}

.fd-emp-srch-crt .select-wrapper + label {
  top: -12px;
  left: 0;
  color: #9a9a9a;
  font-weight: normal;
}

.fd-emp-list .dataTable th:after {
  opacity: 0 !important;
}

/*---Tab Nav---*/
.wrap-tab-wrap .nav-tabs {
  box-shadow: none;
  border-bottom: 1px solid #f2f2f2;
  margin-top: 20px;
}

.wrap-tab-wrap .nav-tabs li.active > a {
  border: none;
  border-bottom: 2px solid #0095d4 !important;
  color: #000 !important;
}

.wrap-tab-wrap .nav-tabs li > a {
  color: #9a9a9a;
  font-family: "robotomedium";
  font-size: 12px;
  border: 1px solid transparent !important;
  text-transform: uppercase;
  line-height: 24px !important;
}

.wrap-tab-wrap .inner-nav-tabs li > a {
  font-size: 14px !important;
  text-decoration: none;
}

.wrap-tab-wrap .inner-nav-tabs li {
  width: 50%;
}

.wrap-tab-wrap .inner-nav-tabs {
  margin: 40px 0px 0px;
  min-width: 353px;
  display: inline-block;
  max-width: 100%;
  /*width: 353px;*/
  width: auto;
}

.wrap-tab-wrap li {
  width: 18%;
}

.wrap-tab-wrap .inner-nav-tabs li > a:focus {
  background-color: transparent;
}

/*-------Date Field css------*/
.checkin-expr {
  margin-top: 19px;
}

.checkin-expr .picker__frame {
  top: 69px;
}

.atnd-wrap input.datepicker {
  position: relative;
  z-index: 99;
  cursor: pointer;
}

.atnd-cal-date {
  position: absolute;
  right: 0;
  height: 40px;
  line-height: 3rem;
  font-size: 15px;
}

.atnd-cal-date i {
  font-size: 14px;
  float: right;
  position: relative;
  top: 0px;
  color: #9ca2ac;
}

/*Search Field row*/
.glb-serh-box-fld {
  margin-top: 15px;
}

.input-field label {
  font-weight: normal;
  font-size: 12px;
  color: #9ca2a4;
}

.leave-avail-search-box {
  margin-top: 27px;
}

.leave-avail-dropdown {
  margin-top: 1.8rem;
}

.user-list-search {
  font-family: "robotoregular", Arial, Helvetica, sans-serif;
  text-align: left;
}

.user-list-search input {
  padding: 0px 40px;
}

.user-list-search label {
  display: block;
  border-bottom: 1px solid #d7d7d7;
  font-size: 12px;
  font-family: "robotomedium", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}

.user-list-search input {
  box-sizing: border-box;
  font-size: 13px;
  height: 2rem;
  border: 0;
  border-radius: 0;
  line-height: 1.42857143;
  color: #0f0f14;
  background-color: #fff;
  background-image: none;
  width: 90%;
  font-weight: normal;
  font-family: "robotoregular";
}

.user-list-search label::before {
  content: "\f002";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  position: absolute;
  pointer-events: none;
  font-size: 18px;
  top: 6px;
  right: 18px;
  color: #757575;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.user-list-search label::before {
  left: 18px;
}

.leave-avail-dropdown label {
  left: 0;
}

/*--Goal Modal --*/
.modal-header {
  border-bottom: 0;
  padding: 3px 15px;
}

.modal-header > h3 {
  font-size: 18px;
  color: #212121;
  padding: 0;
  margin: 0px;
  font-family: "robotoregular";
}

.goalModalRow a {
  display: block;
  color: #FFF;
  background-color: #0095d4;
  font-size: 16px;
  padding: 9px 0px;
  text-align: center;
  margin: 10px 0px;
  font-family: "robotoregular";
  transition: background-color 0.5s ease-in-out;
}

.goalModalRow a.active, .goalModalRow a:hover {
  background-color: #005e95;
}

body input[type=date], body input[type=datetime-local], body input[type=email], body input[type=number], body input[type=password], body input[type=search-md], body input[type=tel], body input[type=text], body input[type=time], body input[type=url], body textarea.materialize-textarea {
  height: 2rem;
  font-size: 13px;
  font-family: "robotoregular";
}

body .content textarea.materialize-textarea {
  padding: 8px 0 0;
  height: 2rem;
  min-height: 2rem;
}

/* Placeholder */
input::-webkit-input-placeholder {
  font-size: 16px;
  font-weight: normal;
  font-family: "robotoregular";
  color: #cdcdcd;
}

input:-moz-placeholder {
  font-size: 16px;
  font-weight: normal;
  font-family: "robotoregular";
  color: #cdcdcd;
}

input::-moz-placeholder {
  font-size: 16px;
  font-weight: normal;
  font-family: "robotoregular";
  color: #cdcdcd;
}

input:-ms-input-placeholder {
  font-size: 16px;
  font-weight: normal;
  font-family: "robotoregular";
  color: #cdcdcd;
}

/* --- Widget datetime Picker --- */
.content .bootstrap-datetimepicker-widget.dropdown-menu {
  width: 16em;
}
.content .bootstrap-datetimepicker-widget.dropdown-menu li:hover {
  background-color: transparent;
}
.content .bootstrap-datetimepicker-widget.dropdown-menu li .table-condensed tr td {
  padding: 0;
}
.content .bootstrap-datetimepicker-widget.dropdown-menu li .table-condensed tr td a {
  margin: 0;
}
.content .bootstrap-datetimepicker-widget.dropdown-menu li .table-condensed tr td a[data-action] {
  padding: 0px 0;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  z-index: 999999 !important;
}

/*----- table pagination------*/
.dataTables_paginate > a:first-child {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.dataTables_paginate a.next {
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pagination-wrap .pagination, .dataTables_paginate a {
  border: 1px solid #e1e1e1;
}

.pagination-wrap .pagination li {
  border-right: 2px solid #e1e1e1;
  font-size: 12px;
}

.pagination-wrap .pagination li .material-icons {
  font-size: 12px;
}

.pagination-wrap .pagination li:last-child {
  border-right: 0;
}

.pagination-wrap .pagination li a, .pagination-wrap .pagination li span, .dataTables_paginate a {
  color: #9a9a9a;
  padding: 10px 12px;
}

.pagination-wrap .pagination > .active > a,
.pagination-wrap .pagination > .active > span,
.pagination-wrap .pagination > .active > a:hover,
.pagination-wrap .pagination > .active > span:hover,
.pagination-wrap .pagination > .active > a:focus,
.pagination-wrap .pagination > .active > span:focus, .dataTables_paginate .current {
  background-color: #68479D !important;
  border-color: #c0a5f1;
  color: #fff;
}

.dataTables_info, .dataTables_length {
  display: none;
}

.dataTables_paginate {
  text-align: left !important;
  bottom: 20px;
  margin-top: 27px !important;
}

.pagination-wrap .pagination li.disabled span {
  padding: 10px 12px;
  border-width: 0px 1px 0px 0px;
}

/*--Pagination--*/
.new_pagination {
  background-color: #f9fafb;
  padding: 10px 15px;
  margin-left: 0;
  margin-right: 0;
  margin-top: -21px;
  border-top: 1px solid #ecf0f2;
  box-shadow: 0 2px 4px 0 rgba(186, 202, 210, 0.2);
  -webkit-box-shadow: 0 2px 4px 0 rgba(186, 202, 210, 0.2);
  -moz-box-shadow: 0 2px 4px 0 rgba(186, 202, 210, 0.2);
  border-radius: 0 0 3px 3px;
  z-index: 9;
  position: relative;
}

.new_pagination_inner {
  display: flex;
}
.new_pagination_inner ul.pagination {
  border: 1px solid #ccc;
  margin: 0;
}
.new_pagination_inner ul.pagination li {
  font-size: 13px;
  line-height: normal;
  border-left: 1px solid #ccc;
}
.new_pagination_inner ul.pagination li a {
  border-left: 1px solid #ccc;
}
.new_pagination_inner ul.pagination li a, .new_pagination_inner ul.pagination li span {
  padding: 0px 8px;
  border-width: 0 0 0 1px;
}
.new_pagination_inner ul.pagination li:last-child {
  border-left: 1px solid #ccc;
}
.new_pagination_inner ul.pagination li:last-child a {
  border-left: 1px solid #ccc;
}
.new_pagination_inner ul.pagination li:first-child {
  border-left: 0;
}
.new_pagination_inner ul.pagination li:first-child a {
  border-left: 0;
}

.new_pagination .gt-pg-txt {
  color: #7b7b7b;
  font-size: 12px;
  line-height: 20px;
  margin: 0 10px;
}

.new_pagination .gt-pg-no {
  border: 1px solid #d3d3d3;
  padding: 0 0 0 0;
  min-width: 20px;
  text-align: center;
  font-size: 13px;
  display: inline-block;
  height: 20px;
}

.new_pagination select {
  color: #202020;
  font-size: 13px;
}

.new_pagination .select-wrapper input.select-dropdown {
  border: 1px solid #b8c7ce;
  font-size: 13px;
  padding: 0 6px;
  box-sizing: border-box;
  margin-bottom: 0;
}

.new_pagination .select-wrapper input.select-dropdown {
  height: 20px;
  width: 47px;
  z-index: 1;
}

.new_pagination .select-wrapper::after {
  top: 4px;
  right: 6px;
  font-size: 14px;
}

.new_pagination_inner .dropdown-content li > a, .new_pagination_inner .dropdown-content li > span {
  padding: 4px 6px;
}

.new_pagination_inner .dropdown-content {
  margin-top: 27px;
}

.new_pagination .pagnt-arrow a {
  background-color: #b6b6b6;
  color: #FFF;
  border-radius: 4px;
  width: 19px;
  height: 19px;
  display: inline-block;
  padding: 3px 0px;
  text-align: center;
}

.new_pagination .pagnt-arrow a:hover {
  background-color: #777676;
  transition: 300ms all ease-in-out;
}

.new_pagination .pagnt-arrow a i {
  top: -2px;
  font-size: 18px;
  position: relative;
}

/*End*/
/*-- radio  -- */
[type=radio] + label:after, [type=radio] + label:before {
  width: 14px;
  height: 14px;
}

[type=radio]:checked + label, [type=radio]:not(:checked) + label {
  height: 22px;
  line-height: 23px;
  color: #212121;
  font-size: 13px !important;
  padding-left: 22px;
  font-weight: normal;
}

/* -- New table css -- */
.custom-attendance-content .fd-emp-list {
  padding-top: 10px;
}

.default-table {
  width: 100%;
  margin-top: 10px;
  box-shadow: 0px 2px 4px 0px rgba(186, 202, 210, 0.2);
  -webkit-box-shadow: 0px 2px 4px 0px rgba(186, 202, 210, 0.2);
  -moz-box-shadow: 0px 2px 4px 0px rgba(186, 202, 210, 0.2);
  border-radius: 3px;
}

.default-table thead tr th:first-child {
  border-radius: 3px 0 0 0;
}

.default-table thead tr th:last-child {
  border-radius: 0 3px 0 0;
}

.default-table tbody tr:last-child td:first-child {
  border-radius: 0 0 0 3px;
}

.default-table tbody tr:last-child td:last-child {
  border-radius: 0 0 3px 0;
}

.default-table thead tr th {
  font-size: 12px;
  color: #9ca2a4;
  padding: 11px 20px;
  border-bottom: 1px solid #dbe3e6;
  background-color: #FFF;
}

.default-table tr td {
  font-size: 12px;
  color: #222d32;
  word-break: break-word;
  background-color: #FFF;
  padding: 10px 20px !important;
  border-top: 0;
  border-bottom: 1px solid #dbe3e6;
  line-height: 19px !important;
  webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.default-table tr td .emp_user_info {
  display: flex;
  align-items: center;
  align-content: center;
}
.default-table tr td .emp_user_info .emp_img_img {
  width: 30px;
  height: 30px;
}
.default-table tr td .emp_user_info .emp_img_img img {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: block;
}
.default-table tr td .emp_user_info .emp_info {
  margin-left: 10px;
}
.default-table tr td .emp_user_info .emp_info .emp-name {
  display: block;
  font-size: 12px;
  color: #222d32;
}
.default-table tr td .action-btn a {
  color: #b8c7ce;
}

.default-table tr:last-child td {
  border-bottom: 0;
}

.default-table tbody tr:hover td {
  background-color: #f9fafb;
}

/* --/End-- */
.table-filter {
  position: static !important;
  width: 100% !important;
  margin-top: 15px !important;
}

.table-filter label::before {
  top: 27px !important;
}

/*Add member's result css */
.idea-frm-prjct-member-box {
  margin-bottom: 10px;
  transition: all 0.3s ease-in-out;
  padding: 0px;
  display: inline-block;
}

.idea-membr-img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.idea-membr-img img {
  border-radius: 50px;
  width: 30px;
  height: 30px;
}

.idea-membr-dtl {
  display: inline-block;
  vertical-align: middle;
}

.idea-membr-dtl h3 {
  color: #000;
  font-size: 13px !important;
  margin: 0;
  text-overflow: ellipsis;
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
}

.idea-membr-dtl p {
  color: #000;
  font-size: 12px !important;
  margin: 0;
  opacity: 0.54;
  text-overflow: ellipsis;
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
}

.idea-frm-prjct-member-box span {
  background: #f6f6f6;
  border-radius: 50px;
  display: inline-block;
  padding: 5px 10px 5px 10px;
  transition: all 0.3s ease-in-out;
  margin-right: 10px;
}

.idea-frm-prjct-member-box .idea-membr-icon {
  display: inline-block;
  vertical-align: middle;
  line-height: 12px;
  cursor: pointer;
  padding-left: 10px;
}

.idea-frm-prjct-member-box .material-icons {
  font-size: 24px;
  color: #717171;
}

.idea-frm-prjct-member-box .material-icons:hover {
  opacity: 0.8;
}

/* -- Modal Styling here --  */
.modal-header {
  border-bottom: 1px solid #dbe3e6;
  padding: 16px 20px;
}
.modal-header button.close:focus {
  background-color: transparent;
}

.modal-header h5 {
  color: #222d32;
  padding: 0 0;
}

.modal-header .close {
  margin-top: -20px;
}

.modal-content {
  box-shadow: 0 2px 4px 0 rgba(186, 202, 210, 0.2);
  border: 0 !important;
  border-radius: 3px;
}
.modal-content .modal-body .red-flag-remarks > textarea {
  height: 100px;
  margin-top: 8px;
  margin-left: -4px;
}

.modal-footer {
  text-align: left;
  padding: 12px 20px;
  border-top: 0;
}
.modal-footer .btn + .btn {
  margin-left: 15px;
  margin-bottom: 0;
}

.modal-footer > button {
  margin: 0 auto;
}

.animate-box {
  background-color: #000 !important;
  padding: 14px !important;
  background-image: url(/assets/img/talentday-banner/bg.png) !important;
  background-position: top center !important;
  background-repeat: no-repeat !important;
}
.animate-box .talentday {
  border: 5px solid transparent;
  -o-border-image: url("/assets/img/talentday-banner/border.png") 1 stretch;
     border-image: url("/assets/img/talentday-banner/border.png") 1 stretch;
  padding: 10px 10px 45px 10px !important;
}
.animate-box .image {
  display: block;
  width: 100%;
  height: auto;
}
.animate-box .overlay {
  text-align: center;
  font-size: 18px;
  color: #000;
  position: absolute;
  background-color: #c39d40;
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: 0.5s ease;
}
.animate-box .theader {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
.animate-box .c_row {
  display: flex;
  justify-content: space-evenly;
}
.animate-box .right,
.animate-box .left {
  position: relative;
  width: auto;
  display: inline-block;
}
.animate-box .top-glitter {
  background-image: url("/assets/img/talentday-banner/top-gladiator.png");
  position: absolute;
  top: -78px;
  left: -33px;
  display: block;
  background-repeat: no-repeat;
  width: 123px;
  height: 143px;
}
.animate-box .bottom-glitter {
  background-image: url("/assets/img/talentday-banner/bottom-gladiator.png");
  position: absolute;
  bottom: -70px;
  right: -40px;
  display: block;
  background-repeat: no-repeat;
  width: 123px;
  height: 143px;
}
.animate-box .right .c_container {
  margin-left: 10px;
}
.animate-box .left .c_container {
  margin-right: 10px;
}
.animate-box .c_container {
  position: relative;
  display: block;
  height: 167px;
  border: 3px solid transparent;
  -o-border-image: url("/assets/img/talentday-banner/box.jpg") 5 stretch;
     border-image: url("/assets/img/talentday-banner/box.jpg") 5 stretch;
  width: 240px;
  margin: 0 auto;
  background-color: #000;
}
.animate-box .c_container .text-mid {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  white-space: nowrap;
  color: #fff;
  color: #fff;
  transform-origin: center center;
  transition: all ease-in 0.4s;
}
.animate-box .c_container .text-mid h2 {
  font-size: 36px;
}
.animate-box .c_container .text-mid small {
  color: #fff;
  font-size: 18px;
}
.animate-box .left .overlay {
  bottom: 0;
  left: 100%;
  right: 0;
}
.animate-box .left .c_container:hover .overlay {
  left: 0;
}
.animate-box .left .c_container.hover .overlay {
  left: 0;
}
.animate-box .right .overlay {
  bottom: 0;
  right: 0;
  left: 0;
}
.animate-box .c_container:hover .overlay {
  width: 100%;
}
.animate-box .c_container:hover .text-mid {
  transform: translate(-50%, -50%) scale(0.9);
}
.animate-box .c_container.hover .overlay {
  width: 100%;
}
.animate-box .c_container.hover .text-mid {
  transform: translate(-50%, -50%) scale(0.9);
}
.animate-box .text {
  color: #000;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

/* -- loader -- */
/*.spinner {
  margin: 10px auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 12px;
  height: 12px;
  background-color: $btnPrimary;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0)
  }
  40% {
    -webkit-transform: scale(1.0)
  }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
*/
/* @reset styling for Large screen */
@media (min-width: 1200px) {
  .col-wide-wrap {
    padding: 35px 35px 15px 35px;
  }
  .usr-info {
    margin: 0px 0px 20px 0px;
    background-size: cover;
    border-radius: 3px;
  }
  .usr-info-title {
    max-width: 240px;
  }
}
@media (max-width: 992px) {
  .sidebar-widget {
    display: none;
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .wrap-tab-wrap li {
    width: 25%;
  }
}
@media (max-width: 1025px) {
  .animate-box .bottom-glitter {
    right: -10px;
  }
  .animate-box .theader img {
    width: 100px;
  }
  .animate-box .right,
  .animate-box .left {
    width: 100%;
  }
  .animate-box .right .c_container,
  .animate-box .left .c_container {
    width: auto;
  }
  .animate-box .right .c_container .text-mid img,
  .animate-box .left .c_container .text-mid img {
    width: 130px;
  }
}
@media (min-width: 768px) {
  body.sidebar-mini.sidebar-collapse .navbar .site-logo {
    background-image: url("/assets/img/logo-icon.svg");
    width: 48px;
    margin: 11px 0px 11px 0px;
    background-size: contain !important;
    background-repeat: no-repeat;
  }
  .side-nav-scroll {
    height: 503px;
    overflow: hidden !important;
    width: 100% !important;
    padding-right: 0 !important;
  }
  .side-nav-scroll + div {
    left: 258px !important;
  }
  .sidebar-wrap {
    position: fixed;
    margin-top: 23px;
  }
  .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer {
    margin-left: 50px !important;
    z-index: 840;
  }
  .col-wide-wrap {
    margin-left: 20%;
  }
}
.sidebar-collapse .celebration-navbar .site-logo {
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

@media (max-width: 767px) {
  .celebration-navbar.navbar {
    background-image: none !important;
  }
  .animate-box .talentday .text-center img {
    width: 200px;
  }
  .animate-box .text {
    font-size: 13px;
    white-space: normal;
  }
  .animate-box .text br {
    display: none;
  }
  .animate-box .right .c_container .text-mid img,
  .animate-box .left .c_container .text-mid img {
    width: 100px;
  }
  .sidebar-collapse.celebration-navbar .site-logo,
  .celebration-navbar .site-logo {
    background: url("/assets/img/Logo-GT.svg?v=1.0");
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }
  .hdr-wrap .navbar-fixed-top {
    position: static;
  }
  .content-top-head-bar {
    margin-bottom: 10px;
  }
  .hdr-wrap .navbar-header {
    padding: 0px 20px;
    width: 100%;
  }
  .site-logo {
    background: url(/assets/img/logo-icon.svg);
    position: absolute;
    left: 6px;
    top: 2px;
    width: 45px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .colapse-navbar {
    position: absolute;
    left: 62px;
    top: 1px;
  }
  main {
    padding: 0px 0 0 0;
  }
  .fd-emp-top-txt {
    text-align: center;
  }
  body .fd-emp-list {
    padding-top: 0;
  }
  body .fd-emp-list.table-responsive {
    border: 0;
  }
  .border-full-width {
    width: 114.2%;
  }
  .hdr-wrap .navbar-header {
    background-color: #367fa9;
  }
  .navbar-custom-menu {
    margin-right: 0 !important;
  }
  .navbar-custom-menu > .navbar-nav {
    margin: 0px !important;
  }
  .navbar-custom-menu > .navbar-nav > li {
    float: left;
  }
  .navbar-custom-menu > .navbar-nav > li .dropdown-menu.user-profile-menu li a {
    padding: 10px 0px;
  }
  .navbar-custom-menu > .navbar-nav > li .dropdown-menu.quick-dropdown:before {
    right: 37%;
  }
  .navbar-custom-menu > .navbar-nav > li .dropdown-menu.quick-dropdown {
    right: -160%;
    min-width: 273px;
  }
  .navbar-custom-menu > .navbar-nav > li .dropdown-menu.notification-menu {
    right: -120%;
    min-width: 306px !important;
  }
  .navbar-custom-menu > .navbar-nav > li .notification-menu:before {
    right: 22.4%;
  }
  .main-sidebar {
    top: 20px !important;
    transition: padding-right 0.2s ease-in;
  }
  body .main-sidebar {
    width: 100%;
    left: -100%;
    top: 0 !important;
    padding-top: 0;
    top: 0 !important;
  }
  .sidebar-open .main-sidebar {
    transform: translate(0, 0);
    left: 0;
  }
  .sidebar-open .main-sidebar .sidebar {
    width: 100% !important;
  }
  .sidebar-open .main-sidebar .sidebar .close-side-menu {
    position: absolute;
    top: 6px;
    right: 7px;
    font-size: 22px;
    color: #FFF;
    display: block !important;
    z-index: 1;
  }
  .content-wrapper, .main-footer {
    margin-left: 0;
  }
  .sidebar-open .content-wrapper, .sidebar-open .main-footer {
    transform: translate(0, 0);
  }
  body .content {
    padding: 10px 15px;
  }
  .usr-info {
    padding: 30px 0;
  }
  .usr-info-img {
    float: none;
    margin: 0 auto;
  }
  .usr-info-badg {
    float: left;
  }
  .usr-log-det li i {
    right: 0;
  }
  .sidebar-wrap, .col-wide-wrap {
    width: 100%;
  }
  .side-nav-scroll {
    width: 100% !important;
    height: auto !important;
    padding-right: 0 !important;
  }
  .sidebar-wrap {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 20px;
  }
  .sidenav li {
    display: block;
    margin: 2px 0px;
  }
  .sidenav li a {
    padding-left: 10px;
    padding-right: 10px;
  }
  .sidenav li a span {
    width: 25px;
  }
  .sidenavDropdown .dropdown-toggle {
    padding-left: 10px;
    padding-right: 10px;
  }
  .nav.navbar-nav .quick-dropdown li a {
    width: 90px;
    padding: 17px 0px;
    font-size: 11px;
    font-family: "robotoregular";
    font-weight: normal;
    color: #1e282c !important;
  }
  .nav.navbar-nav .quick-dropdown li a i {
    height: 22px;
  }
  /* Post image modal*/
  .cropit-preview {
    width: 100% !important;
  }
  .cropImgModal .modal-dialog {
    width: 100%;
  }
  .modal-view-img {
    height: 360px;
  }
  /*Win Win Main Screen*/
  .content-top-head-bar-lft h3 > i {
    float: none;
  }
  .content-top-head-bar-lft {
    text-align: center;
  }
  .content-top-head-bar-rght .act_btn {
    margin: 10px auto;
    display: block;
    float: none !important;
  }
  .rt-glb-wrap > p {
    text-align: center;
  }
  .rt-glb-wrap > h4 {
    text-align: center;
    font-size: 17px;
    margin: 20px 20px;
  }
  .wrap-tab-wrap .nav-tabs {
    text-align: center;
    height: 80%;
    margin: 0px auto;
  }
  .wrap-tab-wrap li {
    width: auto;
    text-align: center;
    float: none;
  }
  .ticket-s-tab-wrap .nav-tabs li {
    width: 100%;
  }
  .ticket-s-tab-wrap .nav-tabs li a {
    color: #000 !important;
    border-bottom: 1px solid #f2f2f2;
  }
  /* -- Page tabs -- */
  body .content-wrapper .content-top-head-bar-lft .nav-tabs {
    height: 100%;
  }
  body .content-wrapper .content-top-head-bar-lft .nav-tabs li {
    height: 100%;
    width: 70%;
    margin: 10px auto;
    float: none;
  }
}
/*WIGs Report screen*/
#reports-modal .modal-header > h3 {
  margin-bottom: 10px;
}

.reports-links-container {
  height: 500px;
  overflow: hidden;
  padding-right: 0px !important;
  width: 100% !important;
}

.reports-links-container .first-level > li > a {
  background-color: #68479D;
  display: block;
  padding: 6px 8px;
  color: #FFF;
}

.reports-links-container .first-level > li > .second-level {
  background-color: #efefef;
}

.reports-links-container .first-level > li > .second-level > li a {
  color: #88c538;
  display: block;
  padding: 2px 0px;
}

.reports-links-container .first-level > li > .second-level .third-level a {
  color: #4c4c4c;
  padding: 2px 0px;
  display: block;
  position: relative;
  padding-left: 10px;
}

.reports-links-container .first-level > li > .second-level .third-level a:before {
  content: "\f178";
  /*     position:absolute; */
  top: 0px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  padding-right: 10px;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
/* Safari, Chrome and Opera > 12.1 */
/* Internet Explorer */
/* Opera < 12.1 */
/* Notification click effects */
button.close-notification {
  display: block;
  transition: all 0.4s ease-in;
  background-color: transparent;
  border: 0;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 18px;
}

button.close-notification i[class^=fa] {
  position: relative;
}

button.close-notification:before {
  content: "";
  background-color: #707071;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale(0.001, 0.001);
}

button.close-notification:active {
  outline: 0;
  color: #88c538;
}

button.close-notification:focus:before {
  animation: effect_dylan 0.8s ease-out;
  background-color: #0f0f14;
}

.notify-alert {
  background-color: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
  width: 301px;
  border-radius: 3px;
  padding: 15px;
}
.notify-alert .notify-icon {
  width: 33px;
  float: left;
  display: block;
  color: #b8c7ce;
  /*font-size: 16px;*/
}
.notify-alert .notify-right-cont {
  font-size: 12px;
  color: #696969;
  display: block;
  padding-left: 33px;
  font-family: "robotoregular";
}
.notify-alert .notify-right-cont span[data-notify=title] {
  font-family: "robotomedium";
}
/*Delay effects*/
@keyframes effect_dylan {
  50% {
    transform: scale(1.5, 1.5);
    opacity: 0;
  }
  99% {
    transform: scale(0.001, 0.001);
    opacity: 0;
  }
  100% {
    transform: scale(0.001, 0.001);
    opacity: 1;
  }
}
/*  Ripple */
/*.ripple {
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  transform: scale(0);
  position: absolute;
  opacity: 1;
}
.rippleEffect {
  animation: rippleDrop .6s linear;
}*/
@keyframes rippleDrop {
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
.tooltipster-base .tooltipster-content {
  padding: 15px;
}

/*
  Add new style
*/
@media (max-width: 767px) {
  body .modal-dialog-box {
    width: 92% !important;
    margin: 10px auto;
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    margin-left: 0 !important;
  }
}
.pyro > .before, .pyro > .after {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  z-index: 9999999;
  /*box-shadow: -120px -218.66667px blue, 248px -16.66667px #00ff84, 190px 16.33333px #002bff, -113px -308.66667px #ff009d, -109px -287.66667px #ffb300, -50px -313.66667px #ff006e, 226px -31.66667px #ff4000, 180px -351.66667px #ff00d0, -12px -338.66667px #00f6ff, 220px -388.66667px #99ff00, -69px -27.66667px #ff0400, -111px -339.66667px #6200ff, 155px -237.66667px #00ddff, -152px -380.66667px #00ffd0, -50px -37.66667px #00ffdd, -95px -175.66667px #a6ff00, -88px 10.33333px #0d00ff, 112px -309.66667px #005eff, 69px -415.66667px #ff00a6, 168px -100.66667px #ff004c, -244px 24.33333px #ff6600, 97px -325.66667px #ff0066, -211px -182.66667px #00ffa2, 236px -126.66667px #b700ff, 140px -196.66667px #9000ff, 125px -175.66667px #00bbff, 118px -381.66667px #ff002f, 144px -111.66667px #ffae00, 36px -78.66667px #f600ff, -63px -196.66667px #c800ff, -218px -227.66667px #d4ff00, -134px -377.66667px #ea00ff, -36px -412.66667px #ff00d4, 209px -106.66667px #00fff2, 91px -278.66667px #000dff, -22px -191.66667px #9dff00, 139px -392.66667px #a6ff00, 56px -2.66667px #0099ff, -156px -276.66667px #ea00ff, -163px -233.66667px #00fffb, -238px -346.66667px #00ff73, 62px -363.66667px #0088ff, 244px -170.66667px #0062ff, 224px -142.66667px #b300ff, 141px -208.66667px #9000ff, 211px -285.66667px #ff6600, 181px -128.66667px #1e00ff, 90px -123.66667px #c800ff, 189px 70.33333px #00ffc8, -18px -383.66667px #00ff33, 100px -6.66667px #ff008c;*/
  box-shadow: -120px -218.66667px #dcbf7d, 248px -16.66667px #fdf5dd, 190px 16.33333px #d0b06a, -113px -308.66667px #dcbf7d, -109px -287.66667px #dcbf7d, -50px -313.66667px #fdf5dd, 226px -31.66667px #d0b06a, 180px -351.66667px #dcbf7d, -12px -338.66667px #00f6ff, 220px -388.66667px #99ff00, -69px -27.66667px #ff0400, -111px -339.66667px #6200ff, 155px -237.66667px #dcbf7d, -152px -380.66667px #fdf5dd, -50px -37.66667px #d0b06a, -95px -175.66667px #dcbf7d, -88px 10.33333px #0d00ff, 112px -309.66667px #005eff, 69px -415.66667px #ff00a6, 168px -100.66667px #ff004c, -244px 24.33333px #ff6600, 97px -325.66667px #dcbf7d, -211px -182.66667px #fdf5dd, 236px -126.66667px #d0b06a, 140px -196.66667px #dcbf7d, 125px -175.66667px #dcbf7d, 118px -381.66667px #fdf5dd, 144px -111.66667px #d0b06a, 36px -78.66667px #dcbf7d, -63px -196.66667px #c800ff, -218px -227.66667px #dcbf7d, -134px -377.66667px #fdf5dd, -36px -412.66667px #d0b06a, 209px -106.66667px #dcbf7d, 91px -278.66667px #dcbf7d, -22px -191.66667px #fdf5dd, 139px -392.66667px #d0b06a, 56px -2.66667px #dcbf7d, -156px -276.66667px #dcbf7d, -163px -233.66667px #fdf5dd, -238px -346.66667px #d0b06a, 62px -363.66667px #dcbf7d, 244px -170.66667px #dcbf7d, 224px -142.66667px #fdf5dd, 141px -208.66667px #d0b06a, 211px -285.66667px #dcbf7d, 181px -128.66667px #fdf5dd, 90px -123.66667px #d0b06a, 189px 70.33333px #dcbf7d, -18px -383.66667px #fdf5dd, 100px -6.66667px #d0b06a;
  animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
}

.pyro > .after {
  animation-delay: 1.25s, 1.25s, 1.25s;
  animation-duration: 1.25s, 1.25s, 6.25s;
}
@keyframes bang {
  from {
    box-shadow: 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409, 0 0 #F3B409;
  }
}
@keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
/*OKR/CRF ICONS*/
.cfrs-table .flaticon-document-edit:before {
  font-size: 20px;
}

/*OKR/CRF ICONS*/
/*ATTENDENCE STYLES*/
/*TOP RIGHT PART OF ATTENDENCE*/
.attendance-top-head-bar-rght > .input-field {
  margin-top: 1.8rem;
  margin-bottom: 4px;
}
.attendance-top-head-bar-rght .select-wrapper input.select-dropdown:disabled {
  border-bottom: 1px solid #b8c7ce;
}
.attendance-top-head-bar-rght .select-wrapper + label {
  top: -11px;
  left: 14px;
}

/*TOP RIGHT PART OF ATTENDENCE*/
/*TIME & LEAVE BOX */
.attendance-time-box {
  background-color: #FFF;
  clear: both;
  padding: 9px 27px 6px 27px;
}

.attendance-casual-leave .attendance-time-box-icon {
  margin-top: 0px;
}
.attendance-casual-leave .attendance-time-box-icon i:before {
  font-size: 24px;
}

.attendance-time-box-icon {
  float: left;
  width: 28px;
  color: #b8c7ce;
  margin-top: 9px;
}
.attendance-time-box-icon i {
  font-size: 26px;
}

.attendance-paid-leave .attendance-time-box-icon i {
  font-size: 30px;
}

.attendance-time-box-info {
  margin-left: 54px;
}
.attendance-time-box-info > span {
  display: block;
}
.attendance-time-box-info .leave_time {
  font-size: 24px;
  color: #222d32;
  line-height: 19px;
}
.attendance-time-box-info .leave_type {
  font-size: 10px;
  color: #68479D;
  text-transform: uppercase;
  font-family: "robotomedium";
}
.attendance-time-box-info .leave_remain {
  font-size: 11px;
  color: #b8c7ce;
  margin-top: -2px;
}

.current-time .attendance-time-box-info .leave_time {
  font-size: 24px;
  margin-top: 4px;
  margin-bottom: 3px;
}
.current-time .attendance-time-box-info .leave_type {
  margin-bottom: 6px;
}

/* TIME & LEAVE BOX */
/*GAZETTAED HOLIDAY*/
.data-table-custom-search label {
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  white-space: unset;
  margin-bottom: 0px;
  position: relative;
  border-radius: 4px;
  border: 1px solid #9ca2a4;
}
.data-table-custom-search label input {
  margin-bottom: 0;
  border: 0;
}
.data-table-custom-search label input:focus {
  border: 0 !important;
  outline: none;
}
.data-table-custom-search label:after {
  display: block;
  content: "\f002";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  right: 5px;
  top: 6px;
  font-size: 18px;
}

/*GAZETTAED HOLIDAY*/
/*TEAM ATTENDENCE DROPDOWN*/
.team-attendance-employee-dropdown {
  width: 26%;
  padding: 0;
}
.team-attendance-employee-dropdown .dd-container, .team-attendance-employee-dropdown .dd-select {
  width: 100% !important;
}
.team-attendance-employee-dropdown .dd-container .dd-option label, .team-attendance-employee-dropdown .dd-select .dd-option label {
  width: 13em !important;
}

.team_attendance_time_box {
  width: 17.5%;
  padding: 0;
  margin-left: 1%;
}
.team_attendance_time_box .attendance-time-box {
  padding: 7px 8px;
  min-height: 60px;
}
.team_attendance_time_box .attendance-time-box .attendance-time-box-info {
  margin-left: 40px;
}

#select_employees .dd-search-label {
  width: 100%;
}
#select_employees .dd-search-text {
  background: transparent url(/assets/img/search-icon.png) no-repeat 13px center;
  border: 0;
  padding: 0 0 0 36px;
  width: 100%;
  font-size: 13px;
  margin: 0;
  height: 36px;
  outline: none;
  box-shadow: none;
  border-bottom: 1px solid #ecf0f2;
  transition: all 0.5s;
  box-sizing: border-box;
  margin-bottom: 0;
  border-radius: 0;
}
#select_employees .dd-select {
  border: 0;
}
#select_employees .dd-pointer-down {
  border-top: solid 5px #9ca2a4;
}
#select_employees .dd-pointer-up {
  border-bottom: solid 5px #9ca2a4 !important;
}
#select_employees .dd-selected {
  height: 60px;
  background-color: #FFF;
  box-shadow: 0px 2px 4px 0px rgba(186, 202, 210, 0.2);
  -webkit-box-shadow: 0px 2px 4px 0px rgba(186, 202, 210, 0.2);
  -moz-box-shadow: 0px 2px 4px 0px rgba(186, 202, 210, 0.2);
  border-radius: 3px;
  padding: 13px 15px;
}
#select_employees .dd-selected img {
  width: 35px;
  height: 35px;
  margin-right: 10px;
  border-radius: 50%;
  border: 1px solid #ecf0f2;
}
#select_employees .dd-selected label {
  font-size: 14px;
  color: #222d32;
  font-weight: normal;
  margin: 0px;
  width: 75%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#select_employees .dd-desc {
  color: #b8c7ce;
  font-size: 12px;
}
#select_employees .dd-pointer {
  right: 20px;
}
#select_employees .dd-option-selected {
  background-color: #f3f3f3;
}
#select_employees .dd-options {
  border: 0;
  max-height: 338px;
  width: 100% !important;
  padding-right: 0 !important;
  border: 1px solid #ddd !important;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(186, 202, 210, 0.2);
  -moz-box-shadow: 0px 2px 4px 0px rgba(186, 202, 210, 0.2);
  border-radius: 0px 0px 3px 3px;
}
#select_employees .dd-options + div {
  z-index: 9999 !important;
}
#select_employees .dd-options ul {
  margin-bottom: 0;
}
#select_employees .dd-options ul li:last-child a {
  border: 0;
}
#select_employees .dd-option {
  padding: 10px 12px;
}
#select_employees .dd-option:hover {
  background-color: #f5f7f8;
}
#select_employees .dd-option:last-child a {
  border-bottom: 0;
}
#select_employees .dd-option .dd-option-image {
  width: 35px;
  height: 35px;
  margin-right: 10px;
  border-radius: 50%;
  border: 1px solid #ecf0f2;
}
#select_employees .dd-option label {
  font-size: 14px;
  color: #222d32;
  font-weight: normal;
  margin: 0px;
  white-space: nowrap;
  width: 16em;
  overflow: hidden;
  text-overflow: ellipsis;
}
#select_employees .dd-option small {
  color: #b8c7ce;
  font-size: 12px;
  margin-top: -6px;
}

/*TEAM ATTENDENCE DROPDOWN*/
/*ATTENDENCE STYLES*/
/*PAYROLL REPORT*/
/*NOTHING*/
/*PAYROLL REPORT*/
/*CALENDER*/
.add-room-box .add-room-cont {
  padding: 10px 5px;
}

.add-room-box .add-room-head {
  border-bottom: 1px solid #b8c7ce;
  padding: 12px 20px;
}

/*CALENDER*/
/*CANDIDATE ASSESMENT*/
.panel-default.general-question-form .panel-heading {
  position: relative;
  border: 0;
}

.panel-default.general-question-form .panel-heading .search-text {
  background: transparent url("https://devlife.gaditek-hrms.sg.plesk-server.com/assets/img/search-icon.png") no-repeat 9px center;
  border: 0;
  padding: 0px 0px 0px 0px;
  width: 36px;
  font-size: 0;
  position: absolute;
  right: 2%;
  top: 4px;
  margin: 0px;
  height: 32px;
  outline: none;
  box-shadow: none;
  border-radius: 10em;
  transition: all 0.5s;
  box-sizing: border-box;
}

.panel-default.general-question-form .panel-heading .search-text:focus {
  width: 96%;
  padding-left: 32px;
  color: #000;
  background-color: #fff;
  cursor: auto;
  border: solid 1px #ddd;
  font-size: 12px;
}

.panel-default.general-question-form .panel-body {
  height: 488px;
  overflow: auto;
  width: 100% !important;
}

.shifts-table {
  margin-bottom: 0;
}

.shifts-table thead tr td {
  color: #b8c7ce;
}

.shifts-table tr td {
  font-size: 12px;
  color: #222d32;
  background-color: #FFF;
  padding: 10px 20px !important;
  border-top: 0;
  border-bottom: 1px solid #dbe3e6;
  line-height: 19px !important;
  word-break: break-word;
  vertical-align: middle !important;
  webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.shifts-table tr td a.info {
  transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  /* This works in IE 8 & 9 too */
  /* ... but also 5, 6, 7 */
  filter: alpha(opacity=0);
  /* Older than Firefox 0.9 */
  -moz-opacity: 0;
  /* Safari 1.x (pre WebKit!) */
  -khtml-opacity: 0;
  opacity: 0;
  text-decoration: none;
  display: inline-block;
  margin: 0 4px;
}

.shifts-table tr td a.info i {
  color: #b8c7ce;
  font-size: 15px;
}

.shifts-table tr td a.info.edit {
  margin-top: 0;
}

.shifts-table tr:hover td {
  background-color: #f9fafb;
}

.shifts-table tr:hover a.info {
  /* This works in IE 8 & 9 too */
  /* ... but also 5, 6, 7 */
  filter: alpha(opacity=100);
  /* Older than Firefox 0.9 */
  -moz-opacity: 1;
  /* Safari 1.x (pre WebKit!) */
  -khtml-opacity: 1;
  opacity: 1;
}

.shifts-table tr.highlight td {
  background-color: #e5ecef;
}

.shifts-table tr.highlight td a.info i {
  color: #222d32;
}

.shifts-table tr:last-child td {
  border-bottom: 0;
}

.text-area {
  /*margin: auto auto;*/
  margin-bottom: 14px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  width: auto;
  height: 100px;
  padding: 8px;
}

.text-area-heading {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.32);
  margin-top: 10px;
  margin-bottom: 10px;
}
.text-area-heading input[type=text] {
  color: #333;
}

.text-area-heading a i {
  color: rgba(0, 0, 0, 0.32);
  margin-right: 5px;
}

.question-textarea {
  border: none;
  resize: none;
  width: 100%;
  height: 100%;
}

/*CANDIDATE ASSESMENT*/
/*LUNCH*/
.total-text {
  font-size: 14px;
  color: #969696;
  line-height: 25px;
  border-bottom: 1px solid #f3f3f3;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 0;
  padding-right: 0;
}

.amount-text {
  font-size: 14px;
  color: #636363;
  text-align: right;
  border-bottom: 1px solid #f3f3f3;
  padding-top: 15px;
  padding-bottom: 16px;
  padding-left: 0;
  padding-right: 0;
}

/*LUNCH*/
/*CUSTOM CLUB*/
.cc-upload-box {
  background-color: #f9f9f9;
  height: 196px;
  border: 2px dashed #bbbbbb;
  margin-top: 29px;
  margin-bottom: 29px;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

#clubImagePath {
  width: 100%;
  height: 100%;
  max-height: 300px;
}

.custom-club-uploader {
  position: absolute;
  bottom: 0px;
  top: 50%;
  right: 0px;
  left: 0px;
  margin: auto;
  width: 100%;
  height: 100%;
}

.custom-club-uploader .file-field, .custom-club-uploader .file-field span {
  display: block;
  text-align: center;
}

.custom-club-uploader .file-field > span i {
  color: #dddddd;
  text-align: center;
  display: block;
  font-size: 40px;
}

.custom-club-uploader .file-field > span.btn {
  margin: 14px auto;
  display: inline-block;
  padding: 1.5px 20px;
  float: none;
  height: auto;
  line-height: 2.2rem;
}

.custom-club-uploader .file-field .file-path-wrapper {
  padding-left: 0;
}

.custom-club-uploader .file-field .file-path-wrapper .file-path {
  text-align: center;
  border-bottom: 0;
}

.c-cust-wrap .f-off-box {
  margin: 0px;
}

/*CUSTOM CLUB*/
/*OKR PROGRESS*/
.cdt-pattern {
  background-color: #FFF;
  box-shadow: 0px 2px 4px 0px rgba(186, 202, 210, 0.2);
  -webkit-box-shadow: 0px 2px 4px 0px rgba(186, 202, 210, 0.2);
  -moz-box-shadow: 0px 2px 4px 0px rgba(186, 202, 210, 0.2);
  border-radius: 3px;
  padding: 7.5px 10px;
}

.cdt-pattern li {
  font-size: 11px;
  color: #0c7ec2;
  position: relative;
  padding: 0px 15px 0 0;
  text-align: right;
}

.cdt-pattern li.company {
  color: #0c7ec2;
}

.cdt-pattern li.department {
  color: #9127e3;
}

.cdt-pattern li.team {
  color: #ff3377;
}

.cdt-pattern li:after {
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 50%;
  background-color: #0a7094;
  position: absolute;
  top: 5px;
  right: 0;
}

.cdt-pattern li.company:after {
  background-color: #0a7094;
}

.cdt-pattern li.department:after {
  background-color: #9127e3;
}

.cdt-pattern li.team:after {
  background-color: #ff3377;
}

.department-dropdown .dropdown.lead-dropdown .btn-default.dropdown-toggle {
  background-color: #FFF;
  box-shadow: 0px 2px 4px 0px rgba(186, 202, 210, 0.2);
  -webkit-box-shadow: 0px 2px 4px 0px rgba(186, 202, 210, 0.2);
  -moz-box-shadow: 0px 2px 4px 0px rgba(186, 202, 210, 0.2);
  border-radius: 3px;
  padding: 14px 15px;
  margin-bottom: 0;
  box-sizing: border-box;
  font-size: 13px;
  width: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  align-content: center;
}
.department-dropdown .dropdown.lead-dropdown .btn-default.dropdown-toggle:focus {
  background-color: #FFF !important;
}
.department-dropdown .dropdown.lead-dropdown .btn-default.dropdown-toggle:hover {
  background-color: #FFF !important;
}
.department-dropdown .dropdown.lead-dropdown .btn-default.dropdown-toggle span.lead-name {
  color: #222d32;
}
.department-dropdown .dropdown.lead-dropdown .btn-default.dropdown-toggle span.caret {
  margin-left: auto;
}
.department-dropdown .dropdown.lead-dropdown .btn-default.dropdown-toggle .rippleEffect {
  display: none;
}
.department-dropdown .dropdown.lead-dropdown .dropdown-menu {
  margin: 0;
  padding: 0;
  width: 100%;
  /*max-height: 260px;
  overflow-y: auto;*/
  margin-top: -1px;
  border: 0;
}
.department-dropdown .dropdown.lead-dropdown .dropdown-menu li {
  line-height: 1rem;
  margin-left: 0px;
}
.department-dropdown .dropdown.lead-dropdown .dropdown-menu li a {
  font-size: 14px;
  color: #000000;
  display: block;
  padding: 10px 1rem;
  font-family: "robotoregular";
  line-height: normal;
  position: relative;
}
.department-dropdown .dropdown.lead-dropdown .dropdown-menu li a .caret.inner {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  border: 0;
  position: absolute;
  top: 13px;
  right: 15px;
}
.department-dropdown .dropdown.lead-dropdown .dropdown-menu li a .caret.inner:before {
  content: "\f105";
}
.department-dropdown .dropdown.lead-dropdown .dropdown-menu li a.open + .dropdown-menu {
  display: block;
  max-height: 260px;
  overflow-y: scroll;
}
.department-dropdown .dropdown.lead-dropdown .dropdown-menu li a.active {
  background-color: rgb(238, 238, 238);
}

/*OKR PROGRESS*/
/*ANNUAL REVIEWS*/
.employee_sortable_wrapper {
  background-color: #e2e8eb;
  padding: 4px 0;
  box-shadow: none;
  margin-bottom: 10px;
  min-height: 126px;
}
.employee_sortable_wrapper .search_label {
  border-bottom: 1px solid #ccd7dc;
  padding: 0 15px;
  margin-bottom: 5px;
}
.employee_sortable_wrapper .search_label .search-text {
  background: transparent url("/assets/img/search-icon.png") no-repeat left;
  border: 0;
  padding: 0 0 0 23px;
  width: 100%;
  font-size: 13px;
  margin: 0;
  height: 32px;
  outline: none;
  box-shadow: none;
  border-radius: 10em;
  transition: all 0.5s;
  box-sizing: border-box;
  border-bottom: 0;
  margin-bottom: 4px;
  border-radius: 0;
}
.employee_sortable_wrapper .search_label .search-text:focus {
  border: 0;
  box-shadow: none;
}
.employee_sortable_wrapper .employee_sortable {
  padding: 0 4px !important;
  margin-bottom: 10px;
  max-height: 482px;
  width: 100% !important;
  min-height: 482px;
}
.employee_sortable_wrapper .employee_sortable li.ui-sortable-placeholder {
  border: 1px dashed #b8c7ce;
  background: transparent;
  position: relative;
}
.employee_sortable_wrapper .employee_sortable li.ui-sortable-placeholder:before {
  content: "Drop Here";
  display: flex;
  vertical-align: middle;
  text-align: center;
  margin: auto;
  color: #b8c7ce;
}
.employee_sortable_wrapper .employee_sortable li {
  background-color: #FFF;
  border-radius: 3px;
  box-shadow: 0px 2px 4px 0px rgba(186, 202, 210, 0.2);
  border: 0;
  padding: 10px;
  margin-bottom: 3px;
  display: flex;
  cursor: move;
}
.employee_sortable_wrapper .employee_sortable li .emp_sort_img {
  border-radius: 50%;
  width: 30px;
  display: inline-block;
  margin-right: 10px;
  margin-top: 1px;
}
.employee_sortable_wrapper .employee_sortable li .emp_sort_img img {
  width: 100%;
  border-radius: 50%;
}
.employee_sortable_wrapper .employee_sortable li .emp_sort_info {
  display: inline-block;
}
.employee_sortable_wrapper .employee_sortable li .emp_sort_info span {
  display: block;
}
.employee_sortable_wrapper .employee_sortable li .emp_sort_info .emp_sort_info_name {
  font-size: 13px;
  color: #222d32;
}
.employee_sortable_wrapper .employee_sortable li .emp_sort_info .emp_sort_info_desig {
  font-size: 12px;
  color: #b8c7ce;
  line-height: 10px;
}
.employee_sortable_wrapper .employee_sortable li.ui-state-used {
  opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */
}
.employee_sortable_wrapper .employee_sortable li.ui-sortable-placeholder {
  border: 2px dashed #b8c7ce;
  height: 50px;
}
.employee_sortable_wrapper .employee_sortable.employee_sortable_selected_peer {
  min-height: 440px;
  max-height: 440px;
}
.employee_sortable_wrapper .employee_sortable_manager {
  max-height: 138px;
  min-height: 138px;
}
.employee_sortable_wrapper .handle3 {
  background: rgba(0, 0, 0, 0.2);
}

.sortable-arrow {
  margin-top: 313px;
  width: 6%;
}
.sortable-arrow > i {
  display: block;
  color: #b8c7ce;
  font-size: 36px;
  text-align: center;
}

.review-history-list {
  position: relative;
}
.review-history-list > h4 {
  color: #222d32;
  font-size: 14px;
  border-bottom: 1px solid #dbe3e6;
  padding: 12px 12px;
  margin: 0px;
}
.review-history-list .search-text {
  background: transparent url(/assets/img/search-icon.png) no-repeat 9px center;
  border: 0;
  padding: 0px 0px 0px 0px;
  width: 36px;
  font-size: 0;
  position: absolute;
  right: 2%;
  top: 3px;
  margin: 0px;
  height: 32px;
  outline: none;
  box-shadow: none;
  border-radius: 10em;
  transition: all 0.5s;
  box-sizing: border-box;
}
.review-history-list .search-text:focus {
  width: 96%;
  padding-left: 32px;
  color: #000;
  background-color: #fff;
  cursor: auto;
  border: solid 1px #b8c7ce;
  font-size: 12px;
}
.review-history-list ul.employee-list-history {
  margin: 0;
  padding: 0 0;
  max-height: 488px;
  height: 488px;
  padding-right: 0 !important;
  width: 100% !important;
}
.review-history-list ul.employee-list-history li a {
  display: block;
  color: #222d32;
  font-size: 14px;
  padding: 7px 12px;
}
.review-history-list ul.employee-list-history li a .emp-img {
  float: left;
  width: 30px;
}
.review-history-list ul.employee-list-history li a .emp-img img {
  width: 30px;
  display: block;
  border-radius: 50%;
}
.review-history-list ul.employee-list-history li a span {
  font-size: 12px;
  color: #b8c7ce;
}
.review-history-list ul.employee-list-history li a .emp-img + span {
  margin-left: 41px;
  display: block;
}
.review-history-list ul.employee-list-history li a .emp-desig {
  color: #b8c7ce;
  font-size: 12px;
}
.review-history-list ul.employee-list-history li a .emp-hist-name {
  color: #1e282c;
  font-size: 13px;
  display: block;
}
.review-history-list ul.employee-list-history li:hover {
  background-color: #e2e8eb;
}
.review-history-list ul.employee-list-history li.active a {
  background-color: #e2e8eb;
}
.review-history-list ul.employee-list-history li.ui-state-used a {
  opacity: 0.5;
}

/*ANNUAL REVIEWS*/
/*MEDIA QUERY */
/*FOR ATTENDENCE MODULE*/
/*FOR DESKTOP*/
@media only screen and (max-width: 1200px) and (min-width: 992px) {
  .attendance-top-card .attendance-time-box {
    padding: 10px 6px;
  }
}
/*FOR DESKTOP*/
/*FOR TABLET*/
@media (max-width: 992px) {
  /* Main Attendance tablet*/
  .attendance-card-row {
    padding: 0 10px;
  }
  .attendance-card-row .attendance-top-card {
    padding: 0 5px;
  }
  .attendance-card-row .attendance-top-card .attendance-time-box {
    margin-bottom: 10px;
  }
  /* Main Team Attendance tablet*/
  .team-attendance-card-row .team-attendance-employee-dropdown {
    width: 100%;
    margin-bottom: 10px;
  }
  .team-attendance-card-row .team_attendance_time_box {
    width: 49%;
    padding: 0;
    margin-left: 2%;
    margin-bottom: 10px;
  }
  .team-attendance-card-row .team_attendance_time_box:nth-of-type(4), .team-attendance-card-row .team_attendance_time_box:nth-of-type(2) {
    margin-left: 0;
    width: 49%;
  }
}
/*FOR TABLET*/
/*FOR MOBILE*/
@media (max-width: 767px) {
  .text-desktop-center {
    text-align: unset !important;
  }
  .d-desktop-none {
    display: block !important;
  }
  .d-mbl-none {
    display: none !important;
  }
  /* Main Attendance mobile*/
  .attendance-filter-btn {
    display: inline-block;
    cursor: pointer;
  }
  .attendance-top-head-bar-rght {
    display: none;
  }
  .attendance-card-row .attendance-top-card .attendance-time-box {
    padding: 4px 4px;
  }
  .attendance-card-row .attendance-top-card .attendance-time-box .attendance-time-box-icon i {
    margin-left: 5px;
  }
  .attendance-card-row .attendance-top-card .attendance-time-box .attendance-time-box-icon i:before {
    margin-left: 0;
  }
  .attendance-card-row .attendance-top-card .attendance-time-box .attendance-time-box-info {
    margin-left: 40px;
  }
}
/*FOR MOBILE*/
/*FOR ATTENDENCE MODULE*/
/*MEDIA QUERY */
.c-delete-btn .btn.btn-default {
  padding: 0;
  background-color: transparent;
  font-size: 0;
  margin: 0 !important;
}
.c-delete-btn .btn.btn-default:hover {
  background-color: transparent !important;
}
.c-delete-btn span.rippleEffect {
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
}
.c-delete-btn .btn.btn-default:active {
  background-color: transparent;
  box-shadow: none;
}
.c-delete-btn .flaticon-more:before {
  font-size: 14px;
}
.c-delete-btn .dropdown-menu li > a {
  padding: 8px;
  font-size: 12px;
  color: #5a5a5a;
}

.bird {
  background-image: url(/assets/img/bird-cells-new.svg);
  background-size: auto 100%;
  width: 88px;
  height: 125px;
  will-change: background-position;
  animation-name: fly-cycle;
  animation-timing-function: steps(10);
  animation-iteration-count: infinite;
}

.bird--one {
  animation-duration: 0.5s;
  animation-delay: -0.5s;
}

.bird--two {
  animation-duration: 0.9s;
  animation-delay: -0.75s;
}

.bird--three {
  animation-duration: 1.25s;
  animation-delay: -0.25s;
}

.bird--four {
  animation-duration: 1.1s;
  animation-delay: -0.5s;
}

.bird-container {
  position: fixed;
  top: 80%;
  left: -10%;
  z-index: 999;
  transform: scale(0) translateX(-440vw);
  will-change: transform;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.bird-container--one {
  animation-duration: 10s;
  animation-delay: 0;
  animation-name: fly-right-one;
}

.bird-container--two {
  animation-duration: 10s;
  animation-delay: 1s;
  animation-name: fly-right-two;
}

.bird-container--three {
  animation-duration: 14.6s;
  animation-delay: 1s;
  animation-name: fly-right-three;
}

.bird-container--four {
  animation-duration: 16s;
  animation-delay: 1s;
  animation-name: fly-right-four;
}

.bird-container--five {
  animation-duration: 10s;
  animation-delay: 0;
  animation-name: fly-right-five;
}

.bird-container--six {
  animation-duration: 20s;
  animation-delay: 2s;
  animation-name: fly-right-six;
}

.bird-container--seven {
  animation-duration: 14.6s;
  animation-delay: 1s;
  animation-name: fly-right-seven;
}

.bird-container--eight {
  animation-duration: 16s;
  animation-delay: 2s;
  animation-name: fly-right-eight;
}
@keyframes fly-cycle {
  100% {
    background-position: -900px 0;
  }
}
@keyframes fly-right-one {
  0% {
    transform: scale(0.2) translateX(-10vw);
  }
  10% {
    transform: translateY(-2vh) translateX(10vw) scale(0.6);
  }
  20% {
    transform: translateY(-15vh) translateX(30vw) scale(0.8);
  }
  30% {
    transform: translateY(-30vh) translateX(50vw) scale(1.2);
  }
  40% {
    transform: translateY(-40vh) translateX(70vw) scale(1.3);
  }
  50% {
    transform: translateY(-50vh) translateX(90vw) scale(1.4);
  }
  60% {
    transform: translateY(-60vh) translateX(110vw) scale(1.5);
  }
  100% {
    transform: translateY(-70vh) translateX(150vw) scale(1.4);
  }
}
@keyframes fly-right-two {
  0% {
    transform: scale(0.2) translateX(-10vw);
  }
  10% {
    transform: translateY(2vh) translateX(10vw) scale(0.6);
  }
  20% {
    transform: translateY(4vh) translateX(30vw) scale(0.8);
  }
  30% {
    transform: translateY(3vh) translateX(50vw) scale(1);
  }
  40% {
    transform: translateY(5vh) translateX(70vw) scale(0.8);
  }
  50% {
    transform: translateY(3vh) translateX(90vw) scale(1);
  }
  60% {
    transform: translateY(4vh) translateX(110vw) scale(1.3);
  }
  100% {
    transform: translateY(6vh) translateX(150vw) scale(1.4);
  }
}
@keyframes fly-right-three {
  0% {
    transform: scale(0.2) translateX(-10vw);
  }
  10% {
    transform: translateY(-1vh) translateX(10vw) scale(0.3);
  }
  20% {
    transform: translateY(-3vh) translateX(30vw) scale(0.8);
  }
  30% {
    transform: translateY(-7vh) translateX(50vw) scale(1.4);
  }
  40% {
    transform: translateY(-9vh) translateX(70vw) scale(1.6);
  }
  50% {
    transform: translateY(-13vh) translateX(90vw) scale(1.8);
  }
  60% {
    transform: translateY(-17vh) translateX(110vw) scale(1.7);
  }
  100% {
    transform: translateY(-21vh) translateX(150vw) scale(1.5);
  }
}
@keyframes fly-right-four {
  0% {
    transform: scale(0.2) translateX(-10vw);
  }
  10% {
    transform: translateY(-1vh) translateX(10vw) scale(0.3);
  }
  20% {
    transform: translateY(-5vh) translateX(30vw) scale(0.8);
  }
  30% {
    transform: translateY(-15vh) translateX(50vw) scale(1.4);
  }
  40% {
    transform: translateY(-20vh) translateX(70vw) scale(1.6);
  }
  50% {
    transform: translateY(-25vh) translateX(90vw) scale(1.8);
  }
  60% {
    transform: translateY(-35vh) translateX(110vw) scale(1.7);
  }
  100% {
    transform: translateY(-40vh) translateX(150vw) scale(1.5);
  }
}
@keyframes fly-right-five {
  0% {
    transform: scale(0.2) translateX(-10vw);
  }
  10% {
    transform: translateY(-2vh) translateX(10vw) scale(0.6);
  }
  20% {
    transform: translateY(-15vh) translateX(30vw) scale(0.8);
  }
  30% {
    transform: translateY(-30vh) translateX(50vw) scale(1.2);
  }
  40% {
    transform: translateY(-40vh) translateX(70vw) scale(1.3);
  }
  50% {
    transform: translateY(-50vh) translateX(90vw) scale(1.4);
  }
  60% {
    transform: translateY(-60vh) translateX(110vw) scale(1.5);
  }
  100% {
    transform: translateY(-70vh) translateX(150vw) scale(1.4);
  }
}
@keyframes fly-right-six {
  0% {
    transform: scale(0.2) translateX(-10vw);
  }
  10% {
    transform: translateY(-10vh) translateX(10vw) scale(0.3);
  }
  20% {
    transform: translateY(-20vh) translateX(30vw) scale(0.8);
  }
  30% {
    transform: translateY(-35vh) translateX(50vw) scale(1.4);
  }
  40% {
    transform: translateY(-40vh) translateX(70vw) scale(1.6);
  }
  50% {
    transform: translateY(-55vh) translateX(90vw) scale(1.8);
  }
  60% {
    transform: translateY(-65vh) translateX(110vw) scale(1.7);
  }
  100% {
    transform: translateY(-80vh) translateX(150vw) scale(1.5);
  }
}
@keyframes fly-right-seven {
  0% {
    transform: scale(0.2) translateX(-10vw);
  }
  10% {
    transform: translateY(-2vh) translateX(10vw) scale(0.6);
  }
  20% {
    transform: translateY(-15vh) translateX(30vw) scale(0.8);
  }
  30% {
    transform: translateY(-30vh) translateX(50vw) scale(1.2);
  }
  40% {
    transform: translateY(-40vh) translateX(70vw) scale(1.3);
  }
  50% {
    transform: translateY(-50vh) translateX(90vw) scale(1.4);
  }
  60% {
    transform: translateY(-60vh) translateX(110vw) scale(1.5);
  }
  100% {
    transform: translateY(-70vh) translateX(150vw) scale(1.4);
  }
}
@keyframes fly-right-eight {
  0% {
    transform: scale(0.2) translateX(-10vw);
  }
  10% {
    transform: translateY(-1vh) translateX(10vw) scale(0.3);
  }
  20% {
    transform: translateY(-5vh) translateX(30vw) scale(0.8);
  }
  30% {
    transform: translateY(-15vh) translateX(50vw) scale(1.4);
  }
  40% {
    transform: translateY(-20vh) translateX(70vw) scale(1.6);
  }
  50% {
    transform: translateY(-25vh) translateX(90vw) scale(1.8);
  }
  60% {
    transform: translateY(-35vh) translateX(110vw) scale(1.7);
  }
  100% {
    transform: translateY(-40vh) translateX(150vw) scale(1.5);
  }
}
.no-mdb,
.d-block {
  display: block;
}

@keyframes fly-cycle {
  100% {
    background-position: -900px 0;
  }
}
@keyframes fly-right-one {
  0% {
    transform: scale(0.2) translateX(-10vw);
  }
  10% {
    transform: translateY(-2vh) translateX(10vw) scale(0.6);
  }
  20% {
    transform: translateY(-15vh) translateX(30vw) scale(0.8);
  }
  30% {
    transform: translateY(-30vh) translateX(50vw) scale(1.2);
  }
  40% {
    transform: translateY(-40vh) translateX(70vw) scale(1.3);
  }
  50% {
    transform: translateY(-50vh) translateX(90vw) scale(1.4);
  }
  60% {
    transform: translateY(-60vh) translateX(110vw) scale(1.5);
  }
  100% {
    transform: translateY(-70vh) translateX(150vw) scale(1.4);
  }
}
@keyframes fly-right-two {
  0% {
    transform: scale(0.2) translateX(-10vw);
  }
  10% {
    transform: translateY(2vh) translateX(10vw) scale(0.6);
  }
  20% {
    transform: translateY(4vh) translateX(30vw) scale(0.8);
  }
  30% {
    transform: translateY(3vh) translateX(50vw) scale(1);
  }
  40% {
    transform: translateY(5vh) translateX(70vw) scale(0.8);
  }
  50% {
    transform: translateY(3vh) translateX(90vw) scale(1);
  }
  60% {
    transform: translateY(4vh) translateX(110vw) scale(1.3);
  }
  100% {
    transform: translateY(6vh) translateX(150vw) scale(1.4);
  }
}
@keyframes fly-right-three {
  0% {
    transform: scale(0.2) translateX(-10vw);
  }
  10% {
    transform: translateY(-1vh) translateX(10vw) scale(0.3);
  }
  20% {
    transform: translateY(-3vh) translateX(30vw) scale(0.8);
  }
  30% {
    transform: translateY(-7vh) translateX(50vw) scale(1.4);
  }
  40% {
    transform: translateY(-9vh) translateX(70vw) scale(1.6);
  }
  50% {
    transform: translateY(-13vh) translateX(90vw) scale(1.8);
  }
  60% {
    transform: translateY(-17vh) translateX(110vw) scale(1.7);
  }
  100% {
    transform: translateY(-21vh) translateX(150vw) scale(1.5);
  }
}
@keyframes fly-right-four {
  0% {
    transform: scale(0.2) translateX(-10vw);
  }
  10% {
    transform: translateY(-1vh) translateX(10vw) scale(0.3);
  }
  20% {
    transform: translateY(-5vh) translateX(30vw) scale(0.8);
  }
  30% {
    transform: translateY(-15vh) translateX(50vw) scale(1.4);
  }
  40% {
    transform: translateY(-20vh) translateX(70vw) scale(1.6);
  }
  50% {
    transform: translateY(-25vh) translateX(90vw) scale(1.8);
  }
  60% {
    transform: translateY(-35vh) translateX(110vw) scale(1.7);
  }
  100% {
    transform: translateY(-40vh) translateX(150vw) scale(1.5);
  }
}
@keyframes fly-right-five {
  0% {
    transform: scale(0.2) translateX(-10vw);
  }
  10% {
    transform: translateY(-2vh) translateX(10vw) scale(0.6);
  }
  20% {
    transform: translateY(-15vh) translateX(30vw) scale(0.8);
  }
  30% {
    transform: translateY(-30vh) translateX(50vw) scale(1.2);
  }
  40% {
    transform: translateY(-40vh) translateX(70vw) scale(1.3);
  }
  50% {
    transform: translateY(-50vh) translateX(90vw) scale(1.4);
  }
  60% {
    transform: translateY(-60vh) translateX(110vw) scale(1.5);
  }
  100% {
    transform: translateY(-70vh) translateX(150vw) scale(1.4);
  }
}
@keyframes fly-right-six {
  0% {
    transform: scale(0.2) translateX(-10vw);
  }
  10% {
    transform: translateY(-10vh) translateX(10vw) scale(0.3);
  }
  20% {
    transform: translateY(-20vh) translateX(30vw) scale(0.8);
  }
  30% {
    transform: translateY(-35vh) translateX(50vw) scale(1.4);
  }
  40% {
    transform: translateY(-40vh) translateX(70vw) scale(1.6);
  }
  50% {
    transform: translateY(-55vh) translateX(90vw) scale(1.8);
  }
  60% {
    transform: translateY(-65vh) translateX(110vw) scale(1.7);
  }
  100% {
    transform: translateY(-80vh) translateX(150vw) scale(1.5);
  }
}
@keyframes fly-right-seven {
  0% {
    transform: scale(0.2) translateX(-10vw);
  }
  10% {
    transform: translateY(-2vh) translateX(10vw) scale(0.6);
  }
  20% {
    transform: translateY(-15vh) translateX(30vw) scale(0.8);
  }
  30% {
    transform: translateY(-30vh) translateX(50vw) scale(1.2);
  }
  40% {
    transform: translateY(-40vh) translateX(70vw) scale(1.3);
  }
  50% {
    transform: translateY(-50vh) translateX(90vw) scale(1.4);
  }
  60% {
    transform: translateY(-60vh) translateX(110vw) scale(1.5);
  }
  100% {
    transform: translateY(-70vh) translateX(150vw) scale(1.4);
  }
}
@keyframes fly-right-eight {
  0% {
    transform: scale(0.2) translateX(-10vw);
  }
  10% {
    transform: translateY(-1vh) translateX(10vw) scale(0.3);
  }
  20% {
    transform: translateY(-5vh) translateX(30vw) scale(0.8);
  }
  30% {
    transform: translateY(-15vh) translateX(50vw) scale(1.4);
  }
  40% {
    transform: translateY(-20vh) translateX(70vw) scale(1.6);
  }
  50% {
    transform: translateY(-25vh) translateX(90vw) scale(1.8);
  }
  60% {
    transform: translateY(-35vh) translateX(110vw) scale(1.7);
  }
  100% {
    transform: translateY(-40vh) translateX(150vw) scale(1.5);
  }
}
.no-mdb,
.d-block {
  display: block;
}

.d-desktop-none {
  display: none;
}

.bg-none {
  background: transparent !important;
}

.text-desktop-center {
  text-align: center;
}

.noborder {
  border: none !important;
}

table.noborder tr th,
table.noborder tr td {
  border: none !important;
}

.physical-appearance {
  counter-reset: my-badass-counter;
  list-style: none;
  margin-top: 10px;
  display: flex;
}

.physical-appearance li {
  border: 1px solid #b8c7ce;
  border-radius: 4px;
  width: calc(20% - 16px);
  min-height: 80px;
  font-size: 14px;
  color: #b8c7ce;
  text-align: center;
  padding: 8px 6px;
  display: inline-block;
  position: relative;
  margin-left: 16px;
  overflow: hidden;
  cursor: pointer;
  float: left;
  word-break: break-word;
}

.physical-appearance li:first-child {
  margin-left: 0;
}

.physical-appearance li.active {
  border-color: #68479D;
}

.physical-appearance li:before {
  content: counter(my-badass-counter);
  counter-increment: my-badass-counter;
  position: absolute;
  right: 3px;
  bottom: -11px;
  font-size: 44px;
  color: #cacecf;
  font-family: "robotoblack";
  opacity: 0.3;
}

.physical-appearance .highlight {
  border: 2px solid #68479D;
  color: #222d32;
}

.vue-select-wrap {
  position: relative;
}
.vue-select-wrap .vue_date_label {
  left: 14px !important;
}
.vue-select-wrap label {
  position: relative !important;
  margin-bottom: 0;
}
@-moz-document url-prefix() {
  .vue-select-wrap select {
    text-indent: -2px !important;
  }
  .vue-select-wrap select option {
    font-family: "arial";
  }
}
.vue-select-wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  border-bottom: 1px solid #b8c7ce;
  font-size: 13px;
  height: 2rem;
  font-family: "robotoregular" !important;
  line-height: normal;
  z-index: 1;
  text-transform: capitalize;
  box-sizing: border-box;
  padding-right: 20px;
  position: relative;
  text-indent: 0px;
  text-overflow: "";
  cursor: pointer;
  width: 100%;
  background-color: #fff;
}
.vue-select-wrap select:focus {
  box-shadow: none;
  border-bottom: 1px solid #b8c7ce;
}
.vue-select-wrap select option {
  font-family: "arial" !important;
}
.vue-select-wrap:after {
  font: normal normal normal 20px/1 FontAwesome;
  content: "\f107";
  position: absolute;
  top: 26px;
  right: 6px;
  color: #9ca2ac;
  cursor: pointer;
  pointer-events: none;
  transition: 0.25s all ease;
  z-index: 1;
}

.d-flex {
  display: flex !important;
}

.select-ticket-wrap {
  text-align: center;
  color: #bac9cf;
  transform: translate(0, 100%);
}
.select-ticket-wrap .fa {
  font-size: 100px;
}
.select-ticket-wrap p {
  font-size: 30px;
}

/* -- loader -- */
.spinner {
  margin: 10px auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 12px;
  height: 12px;
  background-color: #68479D;
  border-radius: 100%;
  display: inline-block;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  animation-delay: -0.16s;
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
/* -- loader -- */
.chartjsLegend {
  text-align: center;
}
.chartjsLegend li {
  list-style: none;
  display: inline-block;
  color: #272a2f;
}
.chartjsLegend li span {
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-right: 5px;
  border-radius: 25px;
}
.chartjsLegend li:nth-child(even) {
  margin: 0px 20px 0px 20px;
}

.login-wrap .has-error .help-block, .login-wrap .has-error .control-label, .login-wrap .has-error .radio, .login-wrap .has-error .checkbox, .login-wrap .has-error .radio-inline, .login-wrap .has-error .checkbox-inline, .login-wrap .has-error.radio label, .login-wrap .has-error.checkbox label, .login-wrap .has-error.radio-inline label, .login-wrap .has-error.checkbox-inline label {
  color: #DA69FE !important;
}
.login-wrap .has-error input[type=email],
.login-wrap .has-error input[type=password] {
  border-color: #DA69FE !important;
}