.dn {display:none;}

.logo h1 a span {font-size: 22px; font-weight: 700; color: #43474a;}

.form-bg {padding: 20px; background: #e6e6e6; margin-bottom: 20px;}
.color-blue { color: #3e7dc1; }

.mt60 {margin-top:60px;}
.mt15 {margin-top: 15px;}
.mt100 {margin-top: 100px;}
.pt40 {padding-top: 40px;}

.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mt40 {margin-top: 40px;}
.mt120 {margin-top: 120px;}

.mh300 {max-height: 300px;}

.p23 {padding: 23px;}
.fs23 {font-size: 23px;}
.fs15 {font-size: 15px;}

.color-yellow {background: #fff3cf;}
.color-pink {background: #e57eff !important;}
.color-brown {background: #b16031 !important;}
.color-blue {background: #cfe2ff;}

.p-small {font-weight: 700; font-size: 12px; color: #4c4c4c;}
.box-small {font-weight: 700; background: #ffbf00; padding: 5px 10px;}
.box-small-blue {background: #0062cc; color: #fff;padding: 5px 10px; font-weight: 700;}
.new-status {background: #28a745; padding: 2px 6px; color: #fff;}
.old-status {background:#f00; padding: 2px 6px; color: #fff;}

.appointment {background: rgb(187, 177, 148); border: 1px solid rgb(173, 163, 136); padding: 5px 6px;color: #5a5137; border-radius: 3px; font-size: 13px; font-weight: 700;}
.appointment span {color: #f00; background: #fff; height: 21px; padding: 1px 6px;}
.with-star i {background: red; padding: 6px; color: #fff;margin-left: -4px;}



.nav-pills .nav-item a.nav-link {font-size:14px;}

.card-body {padding: 1rem;}
.card-body i {position: absolute; top: 20px; right: 10px; font-size: 50px; color: #000000; opacity: .12;}
.card-title {font-size: 33px; line-height: 33px; font-weight: 600;}
.card-subtitle {font-size: 13px;}

.stat1 {border-left:5px solid #9bb6ca;}
.stat1 .card-title {color: #9bb6ca;}

.stat2 {border-left:5px solid #9f94ca;}
.stat2 .card-title { color: #9f94ca;}

.stat3 {border-left:5px solid #ca8266;}
.stat3 .card-title { color: #ca8266;}

.stat4 {border-left:5px solid #6c757d;}
.stat4 .card-title { color: #6c757d;}

ul.list {padding: 0; margin: 0;list-style-type: none;}
ul.list li {background: #e2e2e2; padding: 10px; margin-bottom: 4px; cursor: pointer;}
ul.list li:hover {background: #e0e0e0; }
ul.list li .list-box .list-row {padding-top: 10px; font-weight: 700;}
ul.list li .list-box .list-left p {margin-bottom: 5px; font-weight: 600; font-size: 14px; margin: 0;}
ul.list li .list-box .list-left span {font-size: 12px;}
ul.list li .list-box .list-left small {font-size: 11px; color: #007bff; font-weight: 700;}
ul.list li .list-box .list-right {margin-top: 7px; padding-right: 20px;}

#approveIt:hover, #approveIt:active, #approveIt:focus {color:#fff !important;}
#cancelIt:hover, #cancelIt:active, #cancelIt:focus {color:#fff !important;}

.loading {position: absolute; right: 240px; top: 2px;}
.loading .spinner-border {width: 25px; height: 25px;}

.showAll {background: #495057; color: #fff;}
.showAll:hover {background-color: #40474e !important;}

.grid-item { width: 200px; }
.grid-item--width2 { width: 400px; }

.img-hover {}
.img-hover:hover {outline: 10px solid #f3faff;}

.header-scrolled img {height: 40px;}

.removeIt {background: red; color: #fff; font-size: 12px; text-align: right; padding: 4px 3px; font-weight: 700;cursor: pointer;}
.removeIt:hover {background: #a21d29;}

.galeri-title {background: #000000ad; padding: 10px; color: #dedede; font-weight: 700; font-size: 15px; text-align: center; margin-top: -50px; position: absolute;}

.has-search .form-control { padding-left: 2.375rem; }

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}