@font-face {
    font-family: Times;
    src: url('./fonts/Times_New_Roman.ttf');
}

@font-face {
    font-family: "Times-bold";
    src: url('./fonts/Times_New_Roman_Bold.ttf');
}


.sidebar .menu .list a {
    font-size: 13px;
}
.inline-block{
    display: inline-block;
}

.md-fab-wrapper {
    position: fixed;
    bottom: 100px;
    right: 10px;
    z-index: 1004;
    -webkit-transition: margin 280ms cubic-bezier(.4,0,.2,1);
    transition: margin 280ms cubic-bezier(.4,0,.2,1);
}

.md-fab.md-fab-danger {
    background: #e53935;
}

.md-fab.md-fab-primary {
    background: #2196f3;
}

.md-fab {
    box-sizing: border-box;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #fff;
    color: #727272;
    display: block;
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    -webkit-transition: box-shadow 280ms cubic-bezier(.4,0,.2,1);
    transition: box-shadow 280ms cubic-bezier(.4,0,.2,1);
    border: none;
    position: relative;
    text-align: center;
    cursor: pointer;
}

.md-fab.md-fab-danger>i, .md-fab.md-fab-primary>i {
    color: #fff;
}

.md-fab>i {
    font-size: 36px;
    line-height: 64px;
    height: inherit;
    width: inherit;
    position: absolute;
    left: 0;
    top: 0;
    color: #727272;
}

.input-group button{
    margin: 0;
    padding: 0 20px;
}
.search{
    display: flex;
    justify-content: center;
    align-items: center;
}
.table td, .table th, .table tr {
    max-width: 200px;
}
.select2-selection{
    height: 38px!important;
    border-color: #e4e3e3!important;
}
.select2-selection__rendered{
    margin-top: 5px!important;
}
.select2-selection__arrow{
    top: 5px!important;
}
.select2-selection__clear{
    height: 36px!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 14px!important;
}
.select2-container--default .select2-selection--single .select2-selection__clear{
    position: relative;
    left: -8px;
    top: -9px;
    font-size: 18px!important;
}
.select2-selection--single .select2-selection__clear:after{
    content: none;
}
.select2-search--dropdown:after{
    right: 0.875rem;
    left: unset;
}
/*input[type=number]::-webkit-inner-spin-button,*/
/*input[type=number]::-webkit-outer-spin-button {*/
/*    -webkit-appearance: none;*/
/*    margin: 0;*/
/*}*/

input[type=number].number_product::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
}
.border_pay{
    border: 1px dashed;
    border-color: #A3A8AF;
    border-radius: 5px;
    padding: 10px 15px;
}
.border_pay p{
    margin-bottom: 5px;
}

/* loadding page */

#loading {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    background-color: #2e2e2ead;
    z-index: 9999;
}
.loader14{
    width:90px;
    height:90px;
    margin:40px auto;
    height: 100%;
    margin-top: 25%;
}
.loader14 .loader-inner{width:60px;height:60px;position:relative;margin:0 auto}
.loader14 .loader-inner div{content:"";width:16px;height:16px;border-radius:50%;background:#00bee0;position:absolute;top:10px;left:10px;transform-origin:20px 20px;-webkit-animation:loading-14 2s infinite cubic-bezier(.5,0,.5,1);animation:loading-14 2s infinite cubic-bezier(.5,0,.5,1)}
.loader14 .loader-inner .box-2{top:10px;left:auto;right:10px;transform-origin:-4px 20px;-webkit-animation:loading-142 2s infinite cubic-bezier(.5,0,.5,1);animation:loading-142 2s infinite cubic-bezier(.5,0,.5,1)}
.loader14 .loader-inner .box-3{top:auto;left:auto;right:10px;bottom:10px;transform-origin:-4px -4px;-webkit-animation:loading-143 2s infinite cubic-bezier(.5,0,.5,1);animation:loading-143 2s infinite cubic-bezier(.5,0,.5,1)}
.loader14 .loader-inner .box-4{top:auto;bottom:10px;transform-origin:20px -4px;-webkit-animation:loading-144 2s infinite cubic-bezier(.5,0,.5,1);animation:loading-144 2s infinite cubic-bezier(.5,0,.5,1)}
.loader14 .text{display:block;font-size:12px;color:#00bee0;text-align:center}
@-webkit-keyframes loading-14{
    0%{transform:rotate(90deg)}
    50%{transform:rotate(180deg)}
    75%{transform:rotate(270deg)}
    100%{transform:rotate(360deg)}
}
@keyframes loading-14{
    0%{transform:rotate(90deg)}
    50%{transform:rotate(180deg)}
    75%{transform:rotate(270deg)}
    100%{transform:rotate(360deg)}
}
@-webkit-keyframes loading-142{
    0%,25%{transform:rotate(90deg)}
    25%{transform:rotate(180deg)}
    75%{transform:rotate(270deg)}
    100%{transform:rotate(360deg)}
}
@keyframes loading-142{
    0%,25%{transform:rotate(90deg)}
    25%{transform:rotate(180deg)}
    75%{transform:rotate(270deg)}
    100%{transform:rotate(360deg)}
}
@-webkit-keyframes loading-143{
    0%,25%{transform:rotate(90deg)}
    50%{transform:rotate(270deg)}
    100%{transform:rotate(360deg)}
}
@keyframes loading-143{
    0%,25%{transform:rotate(90deg)}
    50%{transform:rotate(270deg)}
    100%{transform:rotate(360deg)}
}
@-webkit-keyframes loading-144{
    0%,25%{transform:rotate(90deg)}
    50%{transform:rotate(180deg)}
    100%,75%{transform:rotate(360deg)}
}
@keyframes loading-144{
    0%,25%{transform:rotate(90deg)}
    50%{transform:rotate(180deg)}
    100%,75%{transform:rotate(360deg)}
}