.bar-button {
    border: none;
    outline: none;
    background-color: transparent;

}
.custom-select{
    max-width: 150px;
}
.loginbtn {
    background-color: transparent;
    border: #E0E0E0 solid thick !important;

}
.dropdown{
    position: relative;
    z-index: 500000000 !important;
}

.sticky-div{
    position: relative;
    z-index: 200 !important;
}

.loginbtn:hover {
    background-color: #E0E0E0 !important;
}

/* apk show */
table.apk-show{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

select option{
    padding-top: 10px;
}
.select2-container {
    /* padding-top: 10px; */
    height: 40px;
}

/* roles pages */
h4.margin-roles{
    margin-top: -0px;
}
/* job pages */
h4.margin{
    margin-top: -0px;
}
div.dt-buttons {
    position: relative;
    float: right;
}
table.job-info{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
table.job-task{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
table.job-result{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

button.approval-btn{
    width: 40px !important;
}

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

/* products pages */
table.product-show{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

/* print show */
button#print{
    width: 200px;
    text-align:center;
}

/* roles */
table.role-show{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
/* support-apk-show */
table.support-apk-show{
    border-collapse: collapse;
    border-spacing: 0;

}

table th.pkg-nm{
    width: 23.5% !important;
}

table th.app-nm{
    width: 12% !important;
}

/* user show */
table.user-show{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

div.dataTables_filter {
    margin-top: 7px
}

select.product_id{
    width: 100%;
    height: 36px;
}

button.btn-outline-primary{
    border: none;
    outline: none;
}

label.label{
    font-weight: bold;
}

li.leftbar-menu-item.active {
    background-color: #e0e0e0;
    border-radius: 10px;
}

.select2-container .select2-selection--single:active{
    border-color: black;
}

.select2-container--default .select2-selection--single{
    padding-top: 3px;
}

.select2-container--default .select2-selection--single:focus{
    border-color: black !important;
}
.button-items .btn {
    color: black !important;
}

.button-items .btn:hover {
    color: white !important;
    background-color: black !important;
}

.scroll {
    height: calc(100vh - 100px) !important;
    overflow-y: auto;
}

.stack-top {
    z-index: 1000;

}
.sub-active{
    color: #1f41c9 !important;
}

.btn {
    background-color: transparent;
    border-color: black;
    color: black;
}

.btn:hover {
    background-color: black !important;
    border-color: black !important;
    color: white;
}
.btn-primary:focus{
    background-color: black !important;
    color: white !important;
}


.left-sidenav-menu li.mm-active>a{
    color: black !important;
}

.select2-container--default.select2-selection--single .select2-selection__rendered:focus{
    border-color: black !important;

}
.custom-select:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: black;
    background-color: #fff;
}

select.form-control{
    padding-top: 4px !important;
    height: 38px !important;
    color: #656d9b;
}
select.form-control:active{
    border-color: black !important;
}

/* select border color change code */
select.select2-hidden-accessible:active{
    border-color: black !important;
}
span.select2-selection--multiple[aria-expanded=true] {
    border-color: black !important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple:active{
    border: 1px solid black !important;;

 }
 .form-control.custom-select.select2-hidden-accessible:active{
    border-color: black;
 }
 select.role_id:active{
    border-color: black !important;
 }

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: none;
    color: black !important;
    border-radius: 4px;
    border: 1px solid #828282;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: none;
    color: black !important;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff !important;
    background-color: #0c0c0c !important;
    border-color: #0a0a0a !important;
}

.badge {
    width: 110px;
    height: 20px;
    text-transform: uppercase;
    padding-top: 5px;
    font-weight: bold;
}

select.custom-width{
    width: 260px !important;
}

.input-width{
    width: 0px !important;
}

.test-list .col-md-12 {
    margin-bottom: 5px;
}

.test-list label {
    font-size: 15px;
    color: #303e67;
    width: 90%;
}

.test-list input[type='text'] {
    width: 80%;
}

button.swal2-confirm.swal2-styled {
    border: black solid thin !important;
    background-color: transparent !important;
    color: black !important;
}
button.swal2-cancel.swal2-styled {
    border: black solid thin !important;
    background-color: black !important;
    color: white !important;
}

.approval-btn {
    width: 250px;
    font-size: 10px;
    height: 30px;
}

.comment-save {
    box-shadow: none;
    border: none;
    background-color: black;
    color: white;
    border-top-left-radius: 0 0;
    border-bottom-left-radius: 0 0;
}

.btn {
    box-shadow: none !important;
}

form .tooltip > .tooltip-inner {
    background-color: #843534;
    color: #FFFFFF;
    border: 0px;
    padding: 0 0px;
    font-size: 9px;
    letter-spacing: 0.5px;
    margin-left: -352px;
}

.tooltip-inner {
    max-width: 85px;
    text-align: center;
    border-radius: 4px;
}

.form-control:focus {
    border-color: black !important;
}
a.menu-link:active{
    color: black !important;
}

/* select glow changes  */
input:focus {

    border-color: black !important;
    outline: none;
  }
select:focus {

    border-color: black !important;
    outline: none;
  }

  select.select2-container:active {
    border-color: black !important;
  }

a:focus {

    color: black !important;
    outline: none;
  }