@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: slategrey;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #c0c0c0;
}
a[onclick]{
    cursor:pointer;
}
a[href]{
}
body{
    font-family: 'Poppins','Mulish',tahoma, sans-serif,arial;
    color:darkslategrey;
    font-size:12px;
    background:white;
}
textarea{
    resize:none;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    font-weight:bold;
    margin-bottom:0px;
}
h1{font-size:190%}
h2{font-size:175%}
h3{font-size:160%}
h4{font-size:145%}
h5{font-size:130%}
h6{font-size:115%}
label{
    font-weight:bold;
    opacity:.9;
}
.minus{
    color:#f00!important;
}
.loader{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background:white;
    display:block;
    z-index:9999;
}
.loader::before{
    content:"Content is Loading... Please wait a moment";
    position:absolute;
    top:calc(50% - 70px);
    left:calc(50% - 200px);
    width:400px;
    height:150px;
    background:#fff url(/assets/img/logo.png) no-repeat top center;
    background-size:200px;
    background-position:top 20px center;
    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";
    top:calc(50% - 60px);
    left:calc(50% - 150px);
    width:300px;
    height:130px;
    background:#fff url(/assets/img/logo.png) no-repeat top center;
    background-size:200px;
    background-position:top 20px center;
    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:6px .75rem;
    font-size:12px;
    background-color:white;
    box-shadow:0 0 3px inset lightgrey;
    border-color:lightsteelblue;
}
.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,.custom-select:focus{
    background-color:oldlace;
    border-color:darkorange;
    box-shadow:none;
}
.form-control:read-only:not(.custom-select),.form-control:disabled{
    background-color:#f0f0f0!important;
}
.btn,a.btn,a.btn[href]{
    font-size:12px;
    padding:6px .75rem;
    min-width:100px;
    text-align:center;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:.5px;
}
.btn:hover,.btn:focus,.btn:active{
    box-shadow:0 0 15px lightgrey!important;
    outline:none;
}
.btn:active:not(:disabled){
    position:relative;
    top:1px;
}
.btn:not(:disabled):not(.disabled):active{
    top:1px;
}
.btn.btn-primary{
    border-color:steelblue;
    color:white;
    background-color:steelblue;
}
.btn.btn-primary:hover,.btn.btn-primary:focus,.btn.btn-primary:active{
    background-color:white!important;
    color:steelblue!important;
}
.btn.btn-danger{
    border-color:indianred;
    color:white!important;
    background-color:indianred;
}
.btn.btn-danger:hover,.btn.btn-danger:focus,.btn.btn-danger:active{
    background-color:white!important;
    color:indianred!important;
}
.btn.btn-info{
    border-color:lightseagreen;
    color:white;
    background-color:lightseagreen;
}
.btn.btn-info:hover,.btn.btn-info:focus,.btn.btn-info:active{
    background-color:white!important;
    color:lightseagreen!important;
}
.btn.btn-success{
    border-color:mediumseagreen;
    color:white;
    background-color:mediumseagreen;
}
.btn.btn-success:hover,.btn.btn-success:focus,.btn.btn-success:active{
    background-color:white!important;
    color:mediumseagreen!important;
}
.btn.btn-warning{
    border-color:darkorange;
    color:white;
    background-color:darkorange;
}
.btn.btn-warning:hover,.btn.btn-warning:focus,.btn.btn-warning:active{
    color:darkorange!important;
    background-color:white!important;
}
.text-primary{
    color:steelblue!important;
}
.text-danger{
    color:indianred!important;
}
.text-info{
    color:lightseagreen!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-primary{
    border-color:steelblue!important;
}
.border-info{
    border-color:lightseagreen;
}
.border-success{
    border-color:mediumseagreen;
}
.border-danger{
    border-color:indianred;
}
.border-warning{
    border-color:darkorange;
}
.header{
    position:sticky;
    top:0px;
    padding:.5rem 1rem;
    color:white;
    background:linear-gradient(45deg,#225281,#23A8C5);
    text-align:center;
    text-transform:uppercase;
    font-weight:bold;
}
.card{
    box-shadow:0 0 10px lightgrey;
    border-radius:.32rem .32rem;
    background:lightgrey;
    padding:3px;
}
.card.card-primary{
    background:steelblue;
}
.card.card-info{
    background:lightseagreen;
}
.card.card-success{
    background:mediumseagreen;
}
.card.card-danger{
    background:indianred;
}
.card.card-warning{
    background:darkorange;
}
.card .card-body{
    border-radius:.35rem .35rem;
    background:white;
}
.card>.card-header:first-child{
    border-radius:.32rem .32rem 0 0;
}
.card>.card-footer:last-child{
    border-radius:0 0 .32rem .32rem;
}
.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-header:first-child{
    border-radius:.42rem .42rem 0 0;
}
.modal-footer{
    background-color:#f0f0f0;
}
.modal-footer:last-child{
    border-radius:0 0 .42rem .42rem;
}
.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:12px;
    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:lightslategrey!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:100px;
    text-align:center;
}
.panel{
    background:linear-gradient(to bottom,white,#e0e0e0);
}
.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.table-sticky thead{
    position:sticky;
    position:-webkit-sticky;
    top:0px;
}
.table.table-sticky tfoot{
    position:sticky;
    position:-webkit-sticky;
    bottom:0px;
}
.table tr th,.table tr td{
    white-space:nowrap;
    border:0px;
}
.table tr th,.table tr td{
    padding:10px .5rem;
}
.table tr th.b-left,.table tr th.b-right{
    position:relative;
}
.table tr th.b-left:before{
    content:"";
    position:absolute;
    width:0px;
    height:100%;
    top:0px;
    left:0px;
    border-left:.5px solid steelblue;
}
.table tr th.b-right:after{
    content:"";
    position:absolute;
    width:0px;
    height:100%;
    top:0px;
    right:0px;
    border-right:.5px solid steelblue;
}
.table thead tr{
    background:linear-gradient(to bottom,steelblue 1%,aliceblue 1%,snow 99%,steelblue 99%);
}
.table thead tr+tr{
    background:linear-gradient(to bottom,aliceblue,snow 99%,steelblue 99%);
}
.table thead tr th{
    color:steelblue;
}
.table thead tr th[data-sort]{
    cursor:pointer;
}
.table thead tr th[data-sort] i{
    padding-left:5px;
    text-align:right;
}
.table tbody tr{
    background:linear-gradient(to top,lightsteelblue 1%,white 1%);
}
.table tbody tr:nth-child(even){
    background:linear-gradient(to top,lightsteelblue 1%,aliceblue 1%);
}
.table tbody tr.selected{
    background:linear-gradient(to top,lightsteelblue 1%,seashell 1%);
}
.table tbody tr:hover{
    background:linear-gradient(to top,lightsteelblue 1%,oldlace 1%);
}
.table tfoot tr{
    background:linear-gradient(to bottom,steelblue 1%,aliceblue 1%,snow 99%,steelblue 99%);
}
.table tfoot tr+tr{
    background:linear-gradient(to bottom,aliceblue,snow 99%,steelblue 99%);
}
.modal-full{
    max-width:100%;
    width:calc(100% - 50px);
}
.dropdown-item{
    font-size:12px;
}
.bootstrap-select>.dropdown-toggle{
    border:1px solid lightsteelblue;
}
.bootstrap-select>.dropdown-toggle.btn-light{
    border:1px solid lightsteelblue;
}
.bootstrap-select>.dropdown-toggle:focus,.bootstrap-select>.dropdown-toggle:active{
    background-color:oldlace!important;
    outline:none!important;
}
.bootstrap-select .dropdown-menu .dropdown-item.active{
    background-color:oldlace;
    color:black;
}
.font-big{
    font-size:150%;
}
.font-small{
    font-size:80%;
}
.mirror{
    transform:rotateY(180deg);
}
.pagination{
    margin:0px;
    padding:0px;
}
.pagination li a{
}
.pagination li{
    margin:0 .25rem;
}
.footer{
    background:linear-gradient(to bottom,steelblue 1%,white 1%,#f0f0f0);
}
.text-light{
    color:lightslategrey!important;
}
[data-edit]{
    cursor:pointer;
    color:steelblue!important;
}