/* font-family: 'Play', sans-serif;
font-family: 'Work Sans', sans-serif; */
body{
  background:#f1f4ef;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}

.navbar-brand-box{
  display:none;
}
.badge-primary{
  background:#53ae00;
}
#sidebar-menu{
  padding: 2px 0;
}
#page-topbar{
  box-shadow:0 0 27px rgba(83, 174, 0, 0.07);
}
.vertical-menu{
  top:68px;
}
#vertical-menu-btn {
    background: #8a916b;
    width: 70px;
}
#vertical-menu-btn .fa{
  color:#fff;
}
.top_logo{
  max-width:270px;
  margin-left:10px;
}
.top_logo img{
  max-width:100%;
}
#sidebar-menu .has-arrow:after{
  font-weight: 900;
  transform: rotate(-90deg);
  position: relative;
  z-index: 99;
}
#sidebar-menu .mm-active>.has-arrow:after{
  transform: rotate(0deg);
}
#sidebar-menu ul li a {
    padding: 15px 20px 15px 10px;
    margin: 0;
    border-bottom: 1px solid #8a916b;
    color: #f1f4ef !important;
    font-weight: 500;
    line-height: 24px;
}
.footer {
    position: fixed;
    z-index: 99;
    background: #8a916b;
    left: 0;
    padding: 15px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}
#sidebar-menu ul li ul.sub-menu li a {
    border: 0;
    padding: 8px 20px 8px 42px;
    background: url(../images/menue_arrow.png) no-repeat 20px 15px;
    color: #2b2e1b !important;
    font-size: 13px;
    font-weight: 400;
}
#sidebar-menu ul li ul.sub-menu li a:hover{
  color: #fff!important;
}
body[data-sidebar=dark] .vertical-menu {
    background: #acb38b;
}
.metismenu li{
  padding: 0 0 0 10px;
}
.metismenu li li{
  padding: 0;
}
#sidebar-menu ul li.mm-active>a{
  background:#f1f4ef;
  color:#3f3f3f!important;
  border-radius: 100px 0 0 100px;
  border-bottom: 1px solid transparent;
}
#sidebar-menu .mm-active ul li.mm-active>a{
  color: #fff!important;
}
.metismenu li.mm-active{
  position: relative;
}
.metismenu li.mm-active:before{
  content:'';
  position: absolute;
  right:0;
  top:-32px;
  width:33px;
  height:33px;
  background: url(../images/theme1/top_right.png) no-repeat;
}
.metismenu li.mm-active:after{
  content:'';
  position: absolute;
  right:0;
  top:54.5px;
  width:45px;
  height:42px;
  background: url(../images/theme1/bot_right.png) no-repeat;
}
.metismenu .mm-active li.mm-active:before, .metismenu .mm-active li.mm-active:after{
  display:none;
}
.simplebar-content-wrapper {
    max-height: calc(100vh - 68px) !important;
}
.leftfixed-menue{
  width:250px;
  position: fixed;
  left:0;
  bottom:60px;
  padding: 20px 0 0 0;
  background: #3f3f3f;
}
#sidebar-menu .leftfixed-menue li:last-child a{
  border:0;
}
.white_box{
  padding:15px 12px;
  margin:0px 0 15px 0;
  border-radius: 5px;
  background: #fff;
  box-shadow: 1px 0 18px rgba(32, 48, 81 0.04);
}
.white_box_border {
    border: 3px solid #011470;
    position: relative;
}
.white_box_title {
    padding: 2px 10px;
    background: #fff;
    position: absolute;
    top: -8px;
    left: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    color: #011470;
}
    .table-striped tbody tr:nth-of-type(odd){
  background:#f9fef5;
}
.table td{
  border-top: 1px dashed #cde2bd;
  padding: 8px;
  font-weight: 500;
  font-size: 13px;
  color:#3f3f3f;
}
.table thead th{
  border-top: 0;
  border-bottom: 0;
  padding: 8px;
  font-weight: 500;
  font-size: 14px;
  color:#080808;
}
.showMore{
  text-align: center;
}
.showMore a{
  font-size: 14px;
  text-decoration:underline!important;
  color:#3f3f3f;
  font-weight: 500;
}
.white_box h3{
  font-family: 'Play', sans-serif;
  font-size: 17px;
  color:#3f3f3f;
  font-weight: bold;
  padding: 0; 
  margin:0;
}
.info_icon{
  margin-left: 10px;
}
select.form-control, select.form-control:focus {
    background: #acb38b;
    border-radius: 5px;
    padding: 0 10px;
    line-height: 30px;
    font-size: 13px;
    font-weight: 500;
    color: #3f3f3f;
    width: auto;
    border: 0;
}
.submission_list{
  padding: 0;
  margin:0;
}
.submission_list ul{
  padding: 0;
  margin:0;
  list-style: none;
}
.submission_list ul li{
  padding: 0;
  margin:0 0 15px 0;
  list-style: none;
}
.submission_list ul li h5{
  padding: 0;
  margin:0;
  font-family: 'Play', sans-serif;
  font-size: 15px;
  font-weight: bold;
  color:#666;
}
.programContent_ctrl{
  display:flex;
  justify-content: space-between;
  color:#9a9a9a;
  font-size: 13px;
}
.programContent span{
  padding-left: 5px;
}
.programContent span{
  color:#53ae00;
}
.pre_quel span{
  color: #3f3f3f;
}
.progress-bar.bg-success{
  background:#53ae00!important;
  border-radius: 0.25rem;
}
.progress{
  background:#e6efde;
}
.navbar-header .btn{
  color:#3f3f3f;
  font-size: 14px;
  font-weight: 500;
}
.system_done h2{
  font-family: 'Play', sans-serif;
  font-size: 50px;
  line-height: 50px;
  color:#53ae00;
  font-weight: bold;
  text-decoration: none;
  padding: 0;
  margin:0;
}
.system_done p{
  font-family: 'Play', sans-serif;
  font-size: 18px;
  color:#53ae00;
  font-weight:400;
  text-decoration: none;
  padding: 0;
  margin:0;
}
a.get_help{
  padding: 0 12px;
  margin:0;
  background: #ff9000;
  font-size: 13px;
  line-height: 18px;
  color:#fff;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
  border-radius: 5px;
  display:inline-block;
}
.tooltip-inner{
  background:#dfedd3!important;
  color:#3f3f3f!important;
}
.tooltip .arrow:before{
  /* background:#dfedd3!important;
  color:#dfedd3!important; */
   border-top-color: #dfedd3!important;
}
.dashtop_box .white_box{
  margin-top:6px;
}
.dashtop_box .white_box h3{
  font-size: 15px;
}
.dashtop_box .white_box ul{
  list-style: none;
  padding: 0;
  margin:0;
}
.dashtop_box .white_box ul li{
  display:flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
  text-decoration: none;
  color:#3f3f3f;
  margin:0 0 8px 0;
  padding: 0 0 0 25px;
  position: relative;
}
.dashtop_box .white_box ul li:after, .white_box.green_boxbg ul li:after, .white_box.yellowbox ul li:after{
  content:'';
  position: absolute;
  top:7px;
  left:0;
  width:15px;
  height:5px;
  background: url(../images/b-arrow.png) no-repeat;
}
.white_box.green_boxbg ul li:after, .white_box.yellowbox ul li:after{
  background: url(../images/w-arrow.png) no-repeat;
}
.white_box.green_boxbg {
    background: #acb38b;
}
.white_box.yellowbox {
    background: #acb38b;
}
    .white_box.green_boxbg h3, .white_box.green_boxbg ul li, .white_box.yellowbox h3, .white_box.yellowbox ul li {
        color: #232a00;
    }
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a{
  display:flex;
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a span.menue_icon{
  display:block;
  padding-left: 0;
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li.mm-active:after, .vertical-collpsed .vertical-menu #sidebar-menu>ul>li.mm-active:before{
  display:none;
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul.leftfixed-menue{
  width:auto;
  padding: 0px;
  background:none;
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li{
  padding: 0;
}
.vertical-collpsed #sidebar-menu ul li.mm-active>a{
  color:#fff!important;
  border-radius: 0;
}
img{
  max-width:100%;
}

@media(max-width:1024px) and (min-width:768px){
  .dashtop_box .white_box h3{
    font-size: 9px;
  }
  .dashtop_box .white_box h3 img{
    max-width:15px;
  }
  .dashtop_box .white_box h3 img.mr-2{
    margin-right:0.3rem!important;
  }
  .dashtop_box .white_box ul li{
    padding: 0 0 0 18px;
    font-size: 9px;
    align-items: flex-start;
  }
  .dashtop_box .white_box ul li:after, .white_box.green_boxbg ul li:after, .white_box.yellowbox ul li:after{
    top:4px;
  }
  .white_box h3{
    font-size: 12px;
  }
  .table thead th{
    font-size: 12px;
  }
  .table td{
    font-size: 11px;
  }
  .submission_list ul li h5{
    font-size: 12px;
  }
  .programContent_ctrl{
    font-size: 10px;
  }
  .showMore a{
    font-size: 11px;
  }
  .system_done h2{
    font-size: 24px;
    line-height: 24px;
  }
  .system_done p{
    font-size: 11px;
  }
  a.get_help{
    font-size: 11px;
    line-height: 24px;
  }
}
@media(max-width:767px) {
  .m_coloumn{
    flex-direction: column;
    align-items: flex-start!important;
  }
  .white_box .m_coloumn h3{
    margin-bottom:10px;
  }
  .table thead th{
    font-size: 12px;
  }
  .table td{
    font-size: 11px;
  }
  select.form-control, select.form-control:focus{
    width:100%;
    flex-grow: 1;
  }
  .system_done h2{
    font-size: 24px;
    line-height: 24px;
  }
  .system_done p{
    font-size: 13px;
  }
}
.blue_logoBox {
    background: #acb38b !important;
}