@font-face{
    font-family:"Poppins";
    src : url("/assets/fonts/Poppins/Poppins-Regular.ttf") format("truetype");
}
@font-face{
    font-family:"Poppins";
    src : url("/assets/fonts/Poppins/Poppins-SemiBold.ttf") format("truetype");
    font-weight:bold;
}
@font-face {
    font-family: 'Mulish';
    src: url('/assets/fonts/Mulish/static/Mulish-Regular.ttf') format("truetype");
}
@font-face{
    font-family:"Mulish";
    src: url("/assets/fonts/Mulish/static/Mulish-Bold.ttf") format("truetype");
    font-weight:bold;
}
::-webkit-scrollbar {
  width: 5px;
  height:5px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #e0e0e0;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #c0c0c0;
}
a[onclick]{
    cursor:pointer;
}
a[href]{
    color:#4396ef;
}
body{
    font-family: 'Poppins','Mulish',tahoma, sans-serif,arial;
    color:#515e63;
    background:#f0f0f0;
    font-size:14px;
}
textarea{
    resize:none;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    font-weight:bold;
    margin-bottom:0px;
}
label{
    margin-bottom:.25rem;
}
.minus{
    color:#f00!important;
}
.loader{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background:#fff;
    display:block;
    z-index:9999;
}
.loader::before{
    content:"Content is Loading... Please wait a moment";
    position:absolute;
    font-weight:bold;
    top:calc(50% - 70px);
    left:calc(50% - 200px);
    width:400px;
    height:150px;
    background:#fff url(/assets/img/loader.svg) no-repeat top center;
    background-size:100px;
    text-align:center;
    padding-top:100px;
}
.loading{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display:none;
    z-index:9998;
}
.loading::before{
    position:absolute;
    content:"Processing... Please wait a moment";
    font-weight:bold;
    top:calc(50% - 60px);
    left:calc(50% - 150px);
    width:300px;
    height:130px;
    background:#fff url(/assets/img/loader.svg) no-repeat top center;
    background-size:100px;
    text-align:center;
    padding-top:100px;
    border:1px solid #c0c0c0;
    box-shadow:0 0 5px #0002;
    border-radius:.25rem;
}
.form-control,.custom-select{
    min-height:auto !important;
    padding:.35rem .75rem;
    background-color:#f7f7f7;
    border-color:lightblue;
    font-size:14px;
    box-shadow:1px 1px 3px inset lightgrey;
}
.form-control.custom-select{
    height:auto!important;
}
.custom-select{
    padding-right:2rem;
    background-image:url(/assets/img/down-arrow.svg);
    background-size:10px;
}
.form-control::placeholder{
    color:#b0b0b0;
}
.form-control:focus{
    background-color:lightyellow;
    box-shadow:0 0 10px lightblue;
}
.form-control[readonly],.form-control[disabled]{
    background-color:oldlace;
}
.form-control.search{
    background-image:url(/assets/img/search.svg);
    background-position:center right 5px;
    background-repeat:no-repeat;
    background-size:14px;
    padding-right:1.5rem;
}
.btn{
    padding:.35rem .75rem;
    position:relative;
    min-width:80px;
    transition:all .2s linear;
    border-radius:3px;
    font-size:14px;
}
.btn:hover,.btn:focus,.btn:active{
    box-shadow:0 4px 10px 0 rgb(0 0 0 / 20%), 0 4px 20px 0 rgb(0 0 0 / 19%)!important;
    box-shadow:2px 2px 5px lightgrey!important;
}
.btn:not(:disabled):not(.disabled):active{
    top:1px;
}
.btn.btn-default{
    background:linear-gradient(to bottom,white,#e7e7e7);
    color:dimgrey!important;
    border-color:dimgrey;
}
.btn.btn-default:hover,.btn.btn-default:focus,.btn.btn-default:active{
    background-color:#fff!important;
    color:dimgrey!important;
    border-color:dimgrey!important;
}
.btn:disabled,.btn.disabled,.btn:disabled:hover,.btn:disabled:focus,.btn:disabled:active,.btn.disabled:hover,.btn.disabled:focus,.btn.disabled:active{
    border-color:#a0a0a0!important;
    background:#e0e0e0!important;
    color:#a0a0a0!important;
    cursor:not-allowed;
}
.btn-primary,a.btn-primary[href]{
    color:steelblue;
    border-color:steelblue;
    background:linear-gradient(to bottom,snow,aliceblue);
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{
    background:#fff!important;
    color:steelblue!important;
    border-color:steelblue!important;
}
.btn-info,a.btn-info[href]{
    border-color:#00bcd4;
    color:#00bcd4!important;
    background:linear-gradient(to bottom,#fff,#f0f0f0);
}
.btn-info:hover,.btn-info:focus,.btn-info:active{
    background:#fff!important;
    color:#00bcd4!important;
    border-color:#00bcd4!important;
}
.btn-success,a.btn-success[href]{
    color:teal;
    border-color:teal;
    background:linear-gradient(to bottom,snow,aliceblue);
}
.btn-success:hover,.btn-success:focus,.btn-success:active{
    background:#fff!important;
    color:teal!important;
    border-color:teal!important;
}
.btn-danger{
    color:#dc3545;
    background:linear-gradient(to bottom,#fff,#f0f0f0);
}
.btn-danger:hover,.btn-danger:focus,.btn-danger:active{
    background:#fff!important;
    color:#dc3545!important;
}
.text-small{
    font-size:10px;
}
.text-primary{
    color:#4d9df3!important;
}
.text-danger{
    color:#f64e60!important;
}
.text-info{
    color:#1bc5bd!important;
}
hr{
    margin-top:.5rem;
    margin-bottom:.5rem;
    border-bottom:0px;
}
.line{
    position:relative;
    text-align:center;
}
.line span{
    background:#fff;
    padding-left:.75rem;
    padding-right:.75rem;
}
.line::before{
    content:"";
    border-top:1px solid #e0e0e0;
    position:absolute;
    width:100%;
    left:0px;
    top:50%;
    z-index:-1;
}
.border,.border-top,.border-bottom,.border-left,.border-right{
    border-color:#e0e0e0;
}
.header{
    position:sticky;
    top:0px;
    padding:.35rem 1rem;
    color:#fff;
    background:linear-gradient(45deg,#0062cc,#2196f3);
    z-index:5;
    background:steelblue;
    color:#fff;
    font-weight:bold;
    letter-spacing:1px;
    border:1px solid steelblue;
    color:steelblue;
    background-color:oldlace;
}
ul.menu-h,ul.menu-v{
    display:flex;
    padding:0px;
    margin:0px;
    list-style:none;
    list-style-type:none;
}
ul.menu-h>li>a,ul.menu-v>li>a{
    display:block;
    padding:.5rem 1rem;
    color:#555!important;
    border-radius:.35rem;
}
ul.menu-v>li>a:hover,ul.menu-v>li>a:hover{
    background:#f7f7f7;
    text-decoration:none;
    color:#113763!important;
}
ul.menu-v{
    display:block;
}
ul.menu-v>li.label{
    padding:.5rem 1rem;
    color:#aaa;
    font-weight:bold;
    background:#f7f7ff;
    margin-top:.5rem;
}
label{
    color:#4e7398;
}
.card{
    -webkit-box-shadow: 0 0 30px 0 rgba(82,63,105,.05);
    box-shadow: 0 0 30px 0 rgba(82,63,105,.05);
    border: 0;
    border-radius:.42rem;
    border:1px solid #e0e0e0;
}
.card-header:first-child{
    border-radius:.42rem .42rem 0 0;
}
.card-footer{
    background:#fff;
}
.card-footer:first-child{
    border-top:1px solid #f7f7f7;
}
.card-footer:last-child{
    border-radius:0 0 .42rem .42rem;
}
.card-default{
    border:1px solid #f0f0f0;
}
.card-default>.card-header{
    background:#f7f7f7;
    border:0px;
}
.card-primary{
    border:1px solid #ddeafb;
}
.card-primary>.card-header{
    background-color:#E8F2FE;
    color:#4d9df3;
}
.table-responsive{
    min-height:400px;
}
table tr th,table tr td{
    padding:.1rem;
    vertical-align:top;
}
table tr th[align=center]{
    text-align:center;
}
table tr th[align=right]{
    text-align:right;
}
.modal-header{
    font-weight:bold;
    background-color:oldlace;
}
.modal-title{
    font-weight:bold;
    font-size:12px;
}
.modal-backdrop.show{
    opacity:.1;
}
.modal-content{
    border:0px;
    -webkit-box-shadow: 0 0 30px 0 rgba(82,63,105,.25);
    box-shadow: 0 0 30px 0 rgba(82,63,105,.25);
    border-radius:.42rem;
}
.pagination .page-link{
    font-size:11px;
    background-color:#1bc5bd22;
    border:0px;
    color:#1bc5bd;
    border-radius:.25rem!important;
}
.pagination .page-link:hover,.pagination .page-link:focus{
    background-color:#1bc5bd;
    color:#fff;
}
.pagination .page-link.cur-page{
    background-color:#f64e6022;
    border:0px;
    color:#f64e60;
}
.pagination .page-link.cur-page:hover,.pagination .page-link.cur-page:focus{
    background-color:#f64e60;
    color:#fff;
}
.pagination .page-item{
    margin-left:.25rem;
    margin-right:.25rem;
}
.text-muted{
    color:#87a7b9!important;
}
.rounded{
    border-radius:.42rem!important;
}
.select-box{
    position:relative;
    cursor:pointer;
}
.select-box:hover{
    border-color: #80bdff;
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075), 0 0 5px rgba(128,189,255,.5);
}
.select-box .select-list{
    position:absolute;
    left:0px;
    width:100%;
    border-radius:.25rem;
    background:#fff;
    list-style:none;
    list-style-type:none;
    padding:.5rem;
    margin:0px;
    border:1px solid #ced4da;
    transition:all .2s linear;
    top:80%;
    display:none;
}
.select-box.show .select-list{
    display:block;
    top:calc(100% + .1rem);
    transition:all .2s linear;
}
.select-box .select-list li{
    list-style:none;
    list-style-type:none;
    padding:.5rem 1rem;
    border-radius:.25rem;
    transition:all .2s linear;
}
.select-box .select-list li+li{
    margin-top:.25rem;
}
.select-box .select-list li:hover{
    background:#f7f7f7;
}
.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
    margin-bottom:0px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    background-color:#f64e60;
    border-radius:.35rem;
}

.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius:.25rem;
}

input:checked + .slider {
  background-color: #2196F3;
  background-color:#1bc5bd;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.datepicker{
    max-width:120px;
    background-image:url(/assets/img/calendar.png);
    background-position:right .5rem center;
    background-repeat:no-repeat;
    padding-right:2rem;
    background-size:14px;
}
.panel{
    padding:2px;
    border:1px solid lightblue;
    background:#fff;
    border-radius:.35rem;
}
.header>span{
    padding-left:.5rem;
    padding-right:.5rem;
    font-size:9px;
    font-weight:normal;
}
.control-group{
    position:relative;
}
.control-group.control-left>.form-control{
    padding-right:2rem;
}
.control-group>.control-icon{
    position:absolute;
    cursor:pointer;
}
.control-group.control-left>.control-icon{
    top:5px;
    right:5px;
}
.table{
    margin:0px;
}
.table tr th,.table tr td{
    font-size:12px;
    padding:.35rem .5rem;
    white-space:nowrap;
    border:0px;
}
.table thead tr{
    background:#fff;
    color:#fff;
    background:linear-gradient(to bottom,snow,aliceblue);
}
.table thead tr th{
    color:steelblue;
    font-weight:normal;
}
.table thead tr th[data-sort]{
    padding-right:1rem;
    background-image:url(/assets/fontawesome/svgs/duotone/sort.svg);
    background-repeat:no-repeat;
    background-position:center right .2rem;
    background-size:8px;
    cursor:pointer;
}
.table tbody tr{
    background-color:#f0f0f0;
}
.table tbody tr+tr{
    border-top:3px solid white;
}
.table tbody tr.selected{
    background-color:seashell;
}
.table tbody tr:hover{
    background-color:lightyellow;
}
.table tfoot tr{
    background:oldlace;
    border-top:3px solid #fff;
}
.modal-full{
    max-width:100%;
    width:calc(100% - 50px);
}
.bootstrap-select>.dropdown-toggle:focus,.bootstrap-select>.dropdown-toggle:active{
    background-color:lightyellow!important;
    border-color:lightblue!important;
    box-shadow:0 0 10px lightblue!important;
}
.bootstrap-select .dropdown-menu .dropdown-item.active{
    background-color:oldlace;
}
.table-detail input,.table-detail select,.table-detail .bootstrap-select>.dropdown-toggle{
    border:1px solid lightblue;
    padding:.15rem .25rem;
    border-radius:.15rem;
    color:#555;
    width:100%;
    background:#f0f0f0;
    font-size:11px;
    margin-top:-2px;
    margin-bottom:-2px;
}
.table-detail input:read-only,input:disabled{
    background-color:oldlace;
}
.table-detail select{
    padding-top:1.5px;
}
.table-detail input:focus,.table-detail select:focus{
    background:azure;
    border:1px solid #ff9800;
    box-shadow:none;
    outline:none;
}
.table-detail input::placeholder{
    color:#aaa;
}
.table-detail tr th,.table-detail tr td{
    padding:.25rem 2px;
}
.table-detail thead tr th{
    padding:.25rem .25rem;
}
.table-detail input.number{
    text-align:right;
}
.table-detail input.search{
    background-image:url(/assets/img/search.svg);
    background-position:center right 5px;
    background-repeat:no-repeat;
    background-size:12px;
    padding-right:1.2rem;
}
.nav.nav-tabs{
    border:0px;
}
.nav-tabs .nav-item>.nav-link{
    border:0px;
    border-radius:0px;
    color:#0F7BB5;
    background:#fff;
    padding:.25rem .75rem;
    min-width:80px;
    text-transform:uppercase;
    text-align:center;
    border:1px solid #0F7BB5;
    border-radius:.25rem;
}
.nav-tabs .nav-item+.nav-item{
    margin-left:.5rem;
}
.nav-tabs .nav-item>.nav-link.active{
    background:linear-gradient(45deg,#fff,#f0f0f0);
    position:relative;
    top:1px;
}
.bootstrap-select>.dropdown-toggle{
    border:1px solid lightblue;
    background:#f7f7f7;
    font-size:11px;
    color:#495057;
}
.bootstrap-select>.dropdown-toggle:focus{
    outline:none!important;
}
.bootstrap-select .dropdown-menu li{
    font-size:11px;
    color:#495057;
}
.bootstrap-select .dropdown-menu li a{
    color:#495057;
    font-size:11px;
}
.bootstrap-select .dropdown-menu li a.active{
    background:#f0f0f0;
    color:#495057;
}
.bootstrap-select .dropdown-menu li a:active{
    background:lightyellow;
    color:#495057;
}
.overflow-auto{
    overflow:auto!important;
}
.overflow-hidden{
    overflow:hidden!important;
}
.cover{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background:#8882;
    display:none;
    z-index:3;
}
.closed .cover,.canceled .cover,.processed .cover{
    display:block;
}
.cover::before{
    content:"CLOSED";
    position:absolute;
    font-size:42px;
    font-weight:bold;
    text-align:center;
    width:300px;
    height:50px;
    top:calc(50% - 25px);
    left:calc(50% - 150px);
}
.closed .cover::before{
    content:"CLOSED";
}
.canceled .cover::before{
    content:"CANCELED";
}
.processed .cover::before{
    content:"PROCESSED";
}
.has-icon{
    position:relative;
}
.has-icon:not(.icon-right) .form-control{
    padding-left:2rem;
}
.has-icon:not(.icon-right) .icon{
    position:absolute;
    top:.35rem;
    padding:.5rem;
    color:grey;
}
.has-icon.icon-right .form-control{
    padding-right:2rem;
}
.has-icon.icon-right .icon{
    position:absolute;
    top:.35rem;
    right:.5rem;
    color:grey;
}
.pagination{
    margin:0px;
    padding:0px;
}
.pagination li{
    margin-left:.25rem;
    margin-right:.25rem;
}
.pagination li.active a{
    color:dimgrey;
}
.invoice{
    max-width:8.27in;
    margin:auto;
}
.invoice .form-invoice{
    background:#fff;
    border:1px solid #e0e0e0;
    padding:1rem;
    min-height:5.83in;
}
.invoice .table{
    width:100%;
}
.invoice .table tr td,.invoice .table tr th{
    padding:5px 5px;
    border:0px;
}
.invoice .table thead tr,.invoice .table tbody tr{
    background:#fff;
}
.invoice .table thead tr th{
    color:#555;
    font-weight:bold;
}
.invoice .table thead tr{
    background:#f0f0f0;
}
.border,.border-top,.border-bottom,.border-right,.border-left{
    border-color:lightblue!important;
}
.ui-datepicker{
    border-color:lightblue!important;
}
.text-primary{
    color:steelblue!important;
}