.app-user-setting {
  border: 1px solid #ddd;
    padding: 15px;
}
.app-user-setting h1{
  font-size: 20px;
    margin-bottom: 10px;
}

.active-summary{
  background: #fbe937;
    color: #333;
    font-weight: 600;
}
.custom-btn {
    border-radius: 3px;
}
.custom-btn:hover{
    color: #fff !important;
}
.custom-btn:focus{
    box-shadow: none !important;
}

#hrm-login-form {
	position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
  width: 25%;
  background: #fff;
}
.btn-login {
  line-height: 1.5 !important;
    font-weight: 600 !important;
    width: 100%;
    margin-top: 15px;
}
#hrm-login-form .card-title{
    color: #333 !important;
    margin: 20px 0;
}
#hrm-login-form .form-control {
  background-color: #fff;
}

#hrm-login-form img {
    text-align: center;
    display: inherit;
    margin: auto;
    width: 150px;
    margin-bottom: 30px;
}
#hrm-login-form .form-group input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #333;
    border-radius: 0;
    color: #333;
    padding: 8px 5px;
    height: 46px;
}

#style-1::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 0px;
  background-color: #F5F5F5;
}
#style-1::-webkit-scrollbar
{
  width: 5px;
  background-color: #F5F5F5;
}
#style-1::-webkit-scrollbar-thumb
{
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #555;
}



.action-view {
    border: 1px solid #ddd;
    margin-right: 5px;
    text-align: center;
    padding: 5px 5px 5px 10px;
}
.action-edit {
    border: 1px solid #ddd;
    margin-right: 5px;
    text-align: center;
    padding: 5px 5px 5px 10px;
}
.action-delete {
    border: 1px solid #ddd;
    margin-right: 5px;
    text-align: center;
    padding: 5px 10px 5px 10px;
}

.action .mr-2, .action .mx-2 {
     margin-right: 0 !important; 
}


.pagination {
  /*margin-top: 20px;*/
}
.pagination a {
   position: relative;
    float: left;
    padding: 5px 12px;
    /* margin-left: -1px; */
    /* line-height: 1.42857143; */
    color: #fbe937;
    text-decoration: none;
    background-color: #121e3b;
    border: 1px solid #121e3b;
    border-color: #262f43;
    /* border-radius: 50%; */
    /* margin-right: 5px;*/
}

.page-link{
  padding: 8px 15px !important;
}
.pagination a.active-page{
    background: #fbe937;
    color: #000;
}
.pagination a:hover{
    color: #fbe937;
}
.pagination a:hover.active-page{
    color: #333;
}

#ui-id-1.ui-widget.ui-widget-content {
    border: 1px solid #262f43 !important;
    background-color: #0c1427 !important;
    margin: 20px;
    width: 245px !important;
    padding: 0 10px;
    z-index: 999;
    position: absolute !important;
}
#ui-id-1 li {
    list-style: none;
    cursor: pointer;
    border-bottom: 1px dashed #ddd;
    padding: 5px 0;
}
#ui-id-1 li:last-child {
    list-style: none;
    cursor: pointer;
    border-bottom: none;
}

#ui-id-1::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 0px;
  background-color: #F5F5F5;
}

#ui-id-1::-webkit-scrollbar
{
  width: 5px;
  background-color: #F5F5F5;
}

#ui-id-1::-webkit-scrollbar-thumb
{
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #555;
}


.select2 {
    display: inline-block !important;
    width: 100% !important;
    height: calc(1.5em + .75rem + 2px);
    padding: .5rem 0rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1;
    color: #495057;
    background-color: #0c1427;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 2px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border: 1px solid #262f43 !important;
  }
.select2:focus{
    color: #eef4ff !important;
    background-color: #04060c !important;
    border-color: #727cf5 !important;
}
.select2-container--classic .select2-selection--single {
    background: transparent !important;
    border-radius:0 !important;
    border: none !important;
    margin-top: -5px;
}
.select2-selection__arrow {
    display: none !important;
}
.select2-selection .select2-selection--single{
    margin-top: -5px !important;
}
.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #262f43 !important;
    color: #495057;
    background-color: #0c1427;
}
.select2-results__options::-webkit-scrollbar {
  width: 16px;
  background-clip: padding-box;
}
.select2-results__options::-webkit-scrollbar-track {
  background-color: #F4F4F4;
  height: 8px;
  background-clip: padding-box;
  border-right: 10px solid rgba(0, 0, 0, 0);
  border-top: 10px solid rgba(0, 0, 0, 0);
  border-bottom: 10px solid rgba(0, 0, 0, 0);
}

.select2-results__options::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: #0F2464;
  border-right: 10px solid rgba(0, 0, 0, 0);
  border-top: 10px solid rgba(0, 0, 0, 0);
  border-bottom: 10px solid rgba(0, 0, 0, 0);
}

.select2-results__options::-webkit-scrollbar-button {
  display: none;
}


table.dataTable tbody tr {
    background-color: transparent !important;
}

.pull-right {
  float: right;
  margin-left: 5px;
}
.view-client-details {
  max-width: 1000px !important;
}

.client-left,.client-right {
  border: 1px solid #ddd;
  margin-top: 15px;
}

.table-responsive::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 0px;
  background-color: #090f1d;
}

.table-responsive::-webkit-scrollbar
{
  height: 10px; 
  background-color: #090f1d;
}

.table-responsive::-webkit-scrollbar-thumb
{
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #555;
}
ul.pagination{
  margin-bottom: 0;
}
@media(max-width: 767px){
    #hrm-login-form{
        width: 90%;
    }
}