.style1 td { white-space: inherit !important;}
.style1 table {width: 100% !important;}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}

.inoutbtn{
  background: transparent;
  border: 0px;
}
.inoutbtn:focus{
  outline:0px;
}

.textfooter{
     margin-left: 80px;
    margin-top: -22px;
    font-weight: bolder;
}
.marqu{
  height: 200px;
}
.green:nth-child(odd) {
    background: #43B5AD !important;
    border-color: #43B5AD !important;
    color: #fff;
}
.green:nth-child(even) {
    background: #DEB948 !important;
    border-color: #DEB948 !important;
    color: #fff;
}
.noticebody:nth-child(odd) {
    background-color: #4285F4;
    color: #ffffff;
    padding-left:  10px;
    padding-top:  5px;
}
.noticebody:nth-child(even) {
    background-color: #cccccc;
    color: #4285F4;
    padding-left:  10px;
    padding-top:  5px;
}
.table_download_csv_link, .table_download_xls_link {
  margin: 10px;
  display: inline-block;
  padding: 10px;
  background-color: #1ABC9C;
  border-bottom: 3px solid #16A085;
  text-align: center;
  line-height: 30px;
  border-radius: 5px;
  color: #fff;
  width: 200px !important;
}

.table_download_csv_link, .table_download_xls_link:hover, .table_download_xls_link:active, .table_download_xls_link:focus{
  color: #000 !important;
}

.pop-up {
  z-index: 999;
  width: 400px !important;
  position: fixed;
  top: calc(100vh - 21px);
  left: calc(100% - 410px) !important;;
  border: 1px solid #367FA9;
  color: white;
  transition: 1s all;
  bottom: auto;
  background-color: #fff;
}
.pop-up.open{
  top: auto;
  bottom: 0;
}

.pop-up-header{
  background: #367FA9;
}

.pop-up-header p{
  margin: 0;
}

.pop-up-header > p > a{
  float: right;
  color: white;
  padding: 0 15px;
}

#accordion{
  margin: 0;
}

.panel-body{
  color: black;
}

.content-wrapper {
  height: 100% !important;
  overflow-x: unset !important;
}

.table-profile-user-img {
  margin: 0 auto;
  width: 50px;
  height: 50px;
  padding: 0;
}

.employee-table{
  margin-bottom: 0 !important;
}

.tdCustom {
  vertical-align: middle !important;
  text-align: center;
  border: 2px solid #DDDDDD !important;
}

.employee-manage-form-btn{
  padding: 0;

}

.employee-manage-form{
  display: inline-block;
}

.employee_update_form{
  max-width: 50%;
  margin: 0 auto;
}

.leave_manage_accordian > .panel-title >{
  display: inline-block;
}

.leave_action{
  float: right;
  padding: 0 2px;
  margin: 0 2px;
  border: 1px solid;
}

.file-choser-button-container{
  position: relative;
}

.file-choser-button-container > button{
  position: absolute;
  z-index: 5;
  padding: 0 12px;
}

.file-choser-button-container > input {
  position: absolute;
  z-index: 4;
  margin-left: 15px;
  margin-top: -1px;
}

.candidate-manage-form-btn{
  padding: 2px 5px;

}

.candidate-manage-form{
  display: inline-block;
}

.cv_view_form{
  display: inline-block;

}
.cv_view_form > button{
  background: none;
  padding: 0;
  margin: 0;
  border:none;
}
.assignto{
  background: #eee;
  box-shadow: #000 1px 2px;

}
.assignSingle{
border: 1px solid #c0b4b466;
padding-left: 25px;
padding-top: 10px;
padding-bottom: 15px;
}
.assignme{
background: #4F5B69;
color: #fff;
padding-bottom: 25px;
padding-top: 25px;
}
.user-panel > .info{
  position: initial !important;
}
.m-top20{
  margin-top:20px;
}
.btn-width100{
  width: 150px;
}
.comments p::before {
  border-bottom: 18px solid transparent;
  border-color: transparent rgba(255, 255, 255, 0.5) transparent transparent;
  border-image: none;
  border-right: 18px solid rgba(255, 255, 255, 0.5);
  border-top: 3px solid transparent;
  content: "";
  left: -18px;
  position: absolute;
  top: 0;
}
.comments p {
  background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
  border-radius: 0 7px 7px;
  min-height: 30px;
  padding: 10px;
  position: relative;
}
.comments p span {
  background: rgba(0, 0, 0, 0.02) none repeat scroll 0 0;
  border-radius: 5px;
  bottom: 0;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.02);
  color: gray;
  font-size: 10px;
  padding: 0 4px;
  position: absolute;
  right: 0;
}
.comments form textarea {
  border: 1px solid #ddd;
  border-radius: 5px;
  width: 100%;
  margin-top: 20px;
  resize: none;
}
.comments input {
  float: right;
}
.comments form button {
  background: transparent none repeat scroll 0 0;
  border: 0 none;
  color: red;
  display: none;
  position: absolute;
  right: 13px;
  transition: all 0.2s ease 0s;
  z-index: 9;
}
.comment_inner:hover button {
  display: block;
}
.comment_inner {
  background: #c4d5ea;
  border-radius: 7px;
  margin: 0 15px;
  position: relative;
}
.comment_inner::after {
  position: absolute;
  content: "";
  border-bottom: 13px solid transparent;
  border-color: transparent #dae8f9 transparent transparent;
  border-image: none;
  border-right: 10px solid #dae8f9;
  border-top: 3px solid transparent;
  content: "";
  left: -9px;
  position: absolute;
  top: 3px;
}

.comment_inner.Admin{
  background: #8be1cf;
}
.comment_inner.Admin::after {
  border-bottom: 13px solid transparent;
  border-color: transparent transparent transparent #c4eae2;
  border-image: none;
  border-left: 10px solid #c4eae2;
  border-top: 3px solid transparent;
  content: "";
  right: -19px;
  left: auto;
}

.userItemP {
  position: relative;
  margin-top: 15px;
}
.userItemP:hover .uHoverDiv{
  display: block;
}
.uHoverDiv {
  color: #fff;
}

.uHoverDiv .outs, .uHoverDiv .dover {
  position: absolute;
  z-index: 99;
  border-radius: 50%;
  height: 21px;
  width: 26px;
  line-height: 1.4;
  text-align: center;
  padding: 0;
}
.uHoverDiv .outs {
  background: green;
  right: 24px;
  top: -9px;
}
.uHoverDiv .dover {
  background: red;
  right: 11px;
  top: 9px;
}

#roletable .action .btn-sm{
  padding: 3px 8px;
}

.cke_notifications_area {
  display: none !important;
}