@font-face {font-family: csfn;src: url(../../dist/fonts/custfn1.TTF);}
body {padding-top: 50px;background-color: #f4f6f9;font-size: 16px;font-family: 'csfn', sans-serif;-webkit-font-smoothing: antialiased;}

.eng{font-family: 'Roboto', sans-serif;font-size:16px;}
.bn{font-family: 'csfn', sans-serif !important;font-size: 16px !important;}

.pad-10{padding: 10px;}
.pad-15{padding: 15px;}
.pad-20{padding: 20px;}

.mt-10{margin-top: 10px;}
.mt-15{margin-top: 0px;}

.navbar-inverse .navbar-nav>li>a {    color: #000;padding-top: 20px;padding-bottom: 20px;transition: 0.3s;}
.navbar-inverse .navbar-nav>li>a:hover {    color: #ef0000;transition: 0.3s;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{background-color: transparent;}
.navbar-brand{padding: 10px 15px;}
.navbar-brand>img{height: 35px;}
.dropdown-menu{font-size: 16px;}
.dropdown-menu>li>a{padding: 5px 20px;}
.dropdown-menu>li>a>.fa{padding-right: 5px;}


.nav-sidebar {margin-right: -21px;   margin-bottom: 20px;  margin-left: -20px;}
.nav-sidebar > li > a { font-size: 17px;color: #666;}
.nav-sidebar > li > a > .fa{padding-right: 10px;}
.nav-sidebar > li > a > .fa-caret-right{padding-right: 0px;position: relative;top: 3px;}


.nav-sidebar > .active > a,.nav-sidebar > .active > a:hover,.nav-sidebar > .active > a:focus {  color: #fff;  background-color: #ff791a;}
.navbar-inverse .navbar-toggle{border:none;margin-top: 14px;}
.navbar-inverse .navbar-toggle .icon-bar {    background-color: #000;}

.f-600{font-weight: 600;}

h3,.h3{font-size: 24px;}
h4,.h4{font-size: 20px;}
h5,.h5{font-size: 18px;}
h6,.h6{font-size: 16px;}

p{font-size: 17px;line-height: 25px;}
.n-br{border: none !important;}

.bld strong{background-color: #FFF;color: #ff0000;padding: 2px 5px;border-radius: 5px;}

.btn{box-shadow:0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);font-family: 'Montserrat', sans-serif;}
.table .btn-sm{font-size: 14px;padding: 3px 10px;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{border-top: 1px solid rgba(0, 0, 0, 0.05);}
.btn-primary {    color: #fff;    background-color: #007bff;    border-color: #007bff;}
.btn-success {    color: #fff;    background-color: #28a745;    border-color: #28a745;}
.btn-info {    color: #000;    background-color: #01d8da;    border-color: #0bc4c5;}
.btn-danger {    color: #fff;    background-color: #dc3545;    border-color: #dc3545;}
.btn-warning {    color: #212529;    background-color: #ffc107;    border-color: #ffc107;}
.btn-dark {    color: #FFF;    background-color: #343a40;    border-color: #343a40;}

.label-primary {    color: #fff;    background-color: #007bff;}
.label-success {    color: #fff;    background-color: #28a745;}
.label-info {    color: #000;    background-color: #35eff1;}
.label-danger {    color: #fff;    background-color: #dc3545;}
.label-warning {    color: #212529;    background-color: #ffc107;}
.label-default {    color: #FFF;    background-color: #333;}
.label-dark {    color: #3ea6ff;    background-color: #161616;font-size: 85% !important;padding: 3px 5px  !important;display: inline-block;}
.label-light {    color: #000;    background-color: #ffb683;font-size: 100% !important;padding: 3px 10px  !important;display: inline-block;margin: 0 3px;}
.label-donation {    color: #000;    background-color: #FFF;font-size: 105% !important;padding: 4px 5px  !important;display: block;}

.btn-success:hover{background-color:transparent;color:#4cae4c;transition:all 300ms linear;}
.btn-danger:hover{background-color:transparent;color:#d43f3a;transition:all 300ms linear;}
.btn-warning:hover{background-color:transparent;color:#eea236;transition:all 300ms linear;}
.btn-info:hover{background-color:transparent;color:#01d8da;transition:all 300ms linear;}
.btn-default:hover{background-color:transparent;color:#666;transition:all 300ms linear;}
.btn-primary:hover{background-color:transparent;color:#666;transition:all 300ms linear;}
.btn-dark:hover{background-color:transparent;color:#343a40;transition:all 300ms linear;}

.text-primary {color: #007bff!important;}
.text-success {color: #28a745!important;}
.text-info {color: #01d8da!important;}
.text-danger {color: #dc3545!important;}
.text-warning {    color: #ffc107!important;}

.panel{box-shadow: 0 5px 25px -5px rgba(0,0,0,0.1);border:none;}
.panel-body{padding:10px;}

.panel-success>.panel-heading{color: #FFF;background-color: #28a745;}
.panel-info>.panel-heading{color: #000;background-color: #01d8da;}
.panel-default>.panel-heading{color: #000;background-color: #FFF;}
.panel-danger>.panel-heading{color: #FFF;background-color: #dc3545;}

.alert{background-color: #FFF;border-radius: 0;border:none;border-left: 5px solid transparent;font-size: 16px;font-weight: 500;}
.alert p,.alert h5{color: #333;}
.alert h4 span{font-size: 12px;}
.alert .label{padding: 3px 5px;}
.alert-primary{border-color: #007bff;color: #007bff;}
.alert-info{border-color: #01d8da;color: #01d8da;}
.alert-success{border-color: #28a745;color: #28a745;}
.alert-danger{border-color: #dc3545;color: #dc3545;}

.label{font-size:95%;padding:5px;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);}

.panel hr{margin: 15px 0;}
.panel-heading{font-weight:600;font-size:18px;padding: 7px 15px;}

.table{font-size:16px;}
.table>tbody>tr>td{padding: 8px;line-height: 30px;}
.table .uimcr img{height: 35px;border-radius: 50%;}
.form-control{font-size: 17px;box-shadow: none;}


.fltr .form-group{margin-bottom: 0;}
.fltr .form-control{border-radius: 15px;}

.pagination{box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);margin: 10px 5px;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;text-align: center;}
.pagination a{display: block;text-decoration: none;font-size: 16px;font-weight: 600;color: #666;background-color: #FFF;border-radius: 50%;}
.pagination a.active{background-color: #666;color: #FFF;}

.row_cover .thumbnail{box-shadow:0 5px 25px -5px rgba(0,0,0,0.1);border:none;}
.row_cover .sum .thumbnail h2{font-weight:600;font-size:25px;margin-top: 10px;}
.row_cover .sum .thumbnail h4{font-weight:600;color: #404040;font-size: 17px;}
.row_cover .sum .thumbnail .fa{width:55px;height:55px;line-height:55px;text-align:center;border-radius:50%;margin-bottom:5px;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);font-size:25px;}


.row_cover .sum .table>tbody>tr>td{line-height: 30px;border-top: none;}

.row_cover .sum .hm-jb-sum .label{font-size: 70%;padding: 2px 5px;}
.row_cover .sum .hm-jb-sum .req .label{font-size: 95%;}

.row_cover .sum .hm-jb-sum .jb{border-bottom: 1px solid rgba(0,0,0,0.07);}
.row_cover .sum .hm-jb-sum .jb.n-brdr{border-bottom: none;}
.row_cover .sum .hm-jb-sum .jb h4,.row_cover .sum .hm-jb-sum .jb h6{color: #333;}

.row_cover .sum .hm-jb-sum .val h4{margin-top: 20px;color: #666;}
.row_cover .sum .hm-jb-sum .btn{margin-top: 5px;}

.jb-sngl .jb-info .table>tbody>tr>td{line-height: 30px;border-top: none;padding: 7px 0;font-size: 14px;font-weight: 500;}
.jb-sngl .jb-info .table>tbody>tr>td .fa{width: 30px;height: 30px;line-height: 30px;text-align: center;border-radius: 50%;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);margin-right: 5px;}
.jb-sngl .aj-sum li{padding: 3px;font-size: 14px;}

.jb-prf .form-control{box-shadow: none;border-radius: 0;margin-top: 20px;}
.n-jb .form-control{box-shadow: none;border-radius: 0;height: 40px;}
.n-jb textarea.form-control{min-height: 175px;resize: vertical;}

.jpst{margin-top: 20px;}
.jpst .form-control{box-shadow: none;border-radius: 0;margin-top: 0;}

.dpst .input-group{margin-bottom: 15px;}
.dpst .input-group .form-control{box-shadow: none;height: 40px;background-color: #e1fdfd;border:none;}
.dpst .input-group-addon{background-color: #01d8da;color: #FFF;min-width: 40px;border:none;}

.csot .input-group{margin-bottom: 15px;}
.csot .input-group .form-control{box-shadow: none;height: 40px;background-color: #ffeaec;border:none;}
.csot .input-group-addon{background-color: #dc3545;color: #FFF;min-width: 40px;border:none;}

#notification_panel{position: fixed;z-index: 1500;right: 10px;bottom: 10px;}
.nt-panel{background-color: #FFF;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);padding: 15px;padding-left: 70px;}
.nt-panel .fa{width: 45px;height: 45px;line-height: 45px;border-radius: 50%;color: #FFF;text-align: center;font-size: 22px;position: absolute;left: 15px;top: 15px;}
.nt-panel h4{margin-top: 0;font-size: 16px;}
.nt-panel h5{margin-bottom: 0;}








.table.vids tbody{font-family: 'Roboto', sans-serif;font-size:16px !important;}
.table.vids tbody img{height: 65px;}

.table.admn>tbody>tr>td,.table.blg>tbody>tr>td{line-height: 25px;}
.table.admn tbody img{height: 40px;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);}
.table.blg tbody img{width: 75px;height: 40px;}
.sld .slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 15px; /* Specified height */
  background: #d3d3d3; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
  margin: 10px 0;
  border-radius: 5px;

}

/* Mouse-over effects */
.sld .slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.sld .slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #ff0000; /* Green background */
  cursor: pointer; /* Cursor on hover */
  border-radius: 50%;
}

.sld .slider::-moz-range-thumb {
  width: 15px; /* Set a specific slider handle width */
  height: 15px; /* Slider handle height */
  background: #ff0000; /* Green background */
  cursor: pointer; /* Cursor on hover */
  border-radius: 50%;
}


#number{background-color: #000;    color: #FFF;    padding: 5px 10px;    margin-top: 23px;    display: block;    text-align: center;font-size: 20px;border-radius: 7px;}


.sub-header {  padding-bottom: 10px;  border-bottom: 1px solid #eee;}
.navbar{height: 60px;}
.navbar-fixed-top {  border: 0;background-color: #ff791a;box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%);}
.sidebar {  display: none;}

.main {  padding: 20px;}

.hdr{background-color: #FFF;margin-bottom: 20px;box-shadow: 0 3px 8px rgba(0,0,0,0.08)}
.hdr .page-ttl {padding: 15px 15px;margin: 0;font-size: 20px;font-weight: 600;}
.hdr .page-ttl .label{padding: 3px 10px;font-size: 85%;font-weight:500;}

.btm,.mb-mnu{display: none;}
.n-scr{overflow: hidden;}

.ntc-pnl{position: fixed;top: 70px;right: 10px;width: 20%;background-color: #FFF;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);display: none;}
.ntc-pnl .col-md-12{padding: 0 10px;}
.ntc-pnl .col-md-12 .thumbnail{border: none; margin-bottom: 0;border-bottom: 1px solid #f5f5f5;}
.ntc-pnl .col-md-12:last-child .thumbnail{border-bottom: 1px solid transparent;}

.pim img{height: 75px;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.175);display: block;margin: auto;}
.pim h4{font-weight: 700;font-size: 16px;margin-top: 20px;text-align: center;}
.pim h5{font-weight: 400;font-size: 14px;text-align: center;}

.jinf{margin-top: 20px;}
#imgInp,.imginp{display: none !important;}

.custom-file-upload {
    border: 1px solid #ccc;
    display: block;
    padding: 6px 12px;
    cursor: pointer;
    margin-top: 10px;
    text-align: center;
}

@media (min-width: 768px) {
  .main {padding:10px 0;}
  #jbMdl .modal-dialog{width: 60%;}
}


@media (min-width: 768px) {
  .sidebar {    position: fixed;    top: 60px;    bottom: 0;    left: 0;    z-index: 1000;    display: block;    padding: 20px;    overflow-x: hidden;    overflow-y: auto;background-color: #FFF;    box-shadow: 3px 0 7px rgba(0,0,0,0.1);  }
}


@media (max-width: 768px) {
    body{padding-top: 40px;}
    .navbar {    height: 60px;}
    .navbar-nav{display: none;}
    .main{padding: 20px 0;}
    .mt-15{margin-top: 15px;}

    .row_cover .sum .thumbnail .fa{width: 45px;height: 45px;line-height: 45px;font-size: 18px;}
    .row_cover .sum .thumbnail h2{font-size: 30px;}
    .row_cover .sum .thumbnail{min-height: 170px;}
    .row_cover .sum .hm-jb-sum .val h4{color: #9d00ff;margin-top: 5px;margin-bottom: 5px;}
    .row_cover .sum .hm-jb-sum .req{margin-bottom: 5px;}

    .btm{display: block;position: fixed;bottom: 0;left: 0;width: 100%;background-color: #FFF;text-align: center;box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1);z-index: 1705;}
    .btm a{padding: 10px 5px;font-size: 12px;color: #333;display: block;text-decoration: none;}
    .btm a>.fa{font-size: 17px;color: green;}
    .btm a>span{display: block;margin-top: 5px;}
    .btm a>span strong{color: red;}
    .btm .col-xs-4{padding: 0 7px;}

    .mb-mnu{display: block;position: fixed;right: -100%;top: 0;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.7);z-index: 1700;}
    .mb-mnu .hldr{position: absolute;right: 0;top: 0;background-color: rgba(255, 255, 255, 0.9);width: 90%;height: 100%;box-shadow: -5px 0 10px rgba(0, 0, 0, 0.1);overflow-y:scroll;}
    .mb-mnu .hldr ul{display: block;padding: 0;margin: 10px;}
    .mb-mnu .hldr ul li{display: block;}
    .mb-mnu .hldr ul li a{color: #666;text-decoration: none;padding:10px;display: block;}
    .mb-mnu .hldr ul li.active a{color: #FFF;background-color: #ff791a;}
    .mb-mnu .hldr ul li a .fa{padding-right: 10px;}
    .mb-mnu .clsr{position: absolute;top: 2px;left: 2px;font-size: 18px;}
    .mb-mnu .clsr .fa{width: 30px;height: 30px;line-height: 25px;border-radius: 50%;border: 2px solid #000;background-color: rgba(0, 0, 0, 0.15);color: #000;text-align: center;}

    .ntc-pnl{position: fixed;bottom: 70px;right: 10px;width: 75%;padding: 10px;background-color: #FFF;box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.08);display: none;}
    .ntc-pnl .col-md-12{padding: 0 10px;}
    .ntc-pnl .col-md-12 .thumbnail{border: none; margin-bottom: 0;border-bottom: 1px solid #f5f5f5;}
    .ntc-pnl .col-md-12:last-child .thumbnail{border-bottom: 1px solid transparent;}
}