/* 
    Created on : 29 Januari, 2020, 1:15:21 PM
    Author     : Qibul
*/

.content-header .btn {
    padding: 3px 12px;
    margin-bottom: 0;
    line-height: 1.2;
}
.btn-group-xs>.btn, .btn-xs {
    padding: 3px 5px;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
}

.content-header {
    padding: 0 0 15px 0;
}
.content-header > h1 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 1;
}
.content-header>.breadcrumb {
    top: 0;
}
.content-header .box-button{
    position: absolute; right: 0; top: 0;
}
.box-button button,  .box-button a{float: right; margin-left: 20px}


table.table-bordered.dataTable {border-collapse: collapse!important;}
table.table tbody tr{padding: 0!important;}
table.table thead tr th,
table.table tbody tr td{padding: 2px 2px; font-size: 14px; text-transform: capitalize}
table.table tbody tr td p{padding: 0; margin: 0}
table.table tbody tr td:first-child{width: 50px; text-align: center}
table.table tbody tr td:last-child{text-align: center}
table .dropdown-menu {
    position: absolute;
    top: 20px;
    left: auto;
    right: 0;
}
table.table tr td input{padding: 0 2px; height: 20px; margin: 0!important;}
table.table tr td .btn-sm{padding: 3px 5px!important;}
table.dataTable thead .sorting:after {
    opacity: 0.2;
    content: "";
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    line-height: 1.5;
    vertical-align: middle;
}



.datepicker{z-index: 1151 !important;}

.form-group{
    margin-bottom: 5px;
}
.form-control{
    display: block;
    width: 100%;
    height: 24px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 1;
}
.select2 {
    padding: 0!important
}
textarea.form-control{min-height: 60px; padding: 0 10px; line-height: 1.5}
.alert {
    padding: 5px 15px;
    margin-bottom: 0;
}
.input-group .input-group-addon {
    padding: 0 7px
}

.alert h4 {
    margin-bottom: 0;
}
.box-footer button{margin-right: 10px}
.box-footer .button_submit, .box-footer .button_makerepack{margin-left: 10px; margin-right: 0}
.box-footer a{cursor: pointer}

select.select2 option{font-size: 12px!important}

label{font-size: 12px;}

.blink_me {
    -webkit-animation-name: blink;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: step-end;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blink;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: step-end;
    -moz-animation-iteration-count: infinite;

    animation-name: blink;
    animation-duration: 1s;
    animation-timing-function: step-end;
    animation-iteration-count: infinite;
}

@-moz-keyframes blink {   
    0% {background-color: blue}
    50% {background-color: black}
}

@-webkit-keyframes blink {  
    0% {background-color: blue}
    50% {background-color: black}
}

@keyframes blink {   
    0% {background-color: blue}
    50% {background-color: black}
}

.modal-customb .modal-header{
    background: #008D4C; color: #FFF;
}

.table-cart tr th, .table-cart tr td{font-size: 14px!important;}

.content-header {
    padding: 0 0 10px 0;
}
.content-header > h1 {
    background: #FFFFFF;
    width: 350px;
    padding: 5px 10px;
    border-top: 3px solid blue;
    border-left: 3px solid blue;
    border-radius: 4px 0 3px 3px;
}
.content-header h1 i{
    color: #0000FF;
}
.content-header > h4:after {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 10px;
    border-color: transparent transparent transparent #007bff;
}

option {
    height: 10px!important;
    padding: 0px 2px 0px !important;
}

.input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
    height: 24px;
    padding: 2px 10px;
    font-size: 12px;
    line-height: 1.5;
    /* border-radius: 3px; */
}
input[type=radio]{
    width : 15px!important;
    height: 15px!important;
}
tfoot input {
    width: 100%;
    padding: 3px;
    box-sizing: border-box;
}