/**Sidebar menu**/
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link{background-color: #B12C23;}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-icon,.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--expanded > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--expanded > .m-menu__link .m-menu__link-icon,.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--expanded > .m-menu__heading .m-menu__ver-arrow, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--expanded > .m-menu__link .m-menu__ver-arrow{color: #fff;}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--expanded > .m-menu__heading, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--expanded > .m-menu__link{background-color: #B12C23;}
/****/

/*For Profile Image*/
.fileinput-new.thumbnail.img-file
{
width:150px!important;
height:150px!important;
}
      .fileinput-new.thumbnail.img-file img
{
width:100%;
height:100%;object-fit: contain;
/*background: #f3f3f3;*/
}
.fileinput-preview.fileinput-exists.thumbnail.img-max
{
width:150px!important;
height:150px!important;
}
.fileinput-preview.fileinput-exists.thumbnail.img-max img
{
width:100%;
height:100%;object-fit: contain;
/*background: #f3f3f3;*/
}

.input-group-addon {

    padding: 10px 15px;
    font-size: 15px;
    font-weight: normal;
    line-height: 1;
    color: #2c3e50;
    text-align: center;
    background-color: #ecf0f1;
    border: 1px solid #dce4ec;
        border-left-color: rgb(220, 228, 236);
        border-left-style: solid;
        border-left-width: 1px;
    border-radius: 4px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;

}


			/***pagination**/
			.dataTables_wrapper .pagination.page-item.active > .page-link{background:#B12C23!important;}
			td a i{color:#B12C23;}

	/*		table.table-hover .fa {
					 visibility: hidden;
					}
			table.table-hover tr:hover .fa {
											  visibility: visible;
											}*/
		.btn-file 
         {
		    position: relative;
		    overflow: hidden;
		}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.img_part{margin: 10px auto;text-align: center;}
#img-upload{
    width: 100px;height: 100px;
    
}
	.card_box{border: 1px solid #ddd;padding: 5px;}
		#our_table > thead > tr > th {
    padding: 2px!important;
    text-align: center;
    vertical-align: middle;
}
#our_table > tbody > tr > td {
    padding: 5px!important;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}
#our_table .click {
/*  width:100px;
  height:100px;
  text-align:center;
  vertical-align:middle;*/
  /*background-color:#ccc;
  border:1px solid #fff;*/

}

#our_table .click.highlighted {
/*  background-color:#26b99a;
  color: #fff;*/
}	
.yes{background: #34bfa3;color: #fff;}
.wait{background: #ffb822;color: #fff;}
.return{background:#f4516c;color: #fff;}
.sunday{background: #adafc6;color: #fff;}
.donate{background: #36a3f7;color: #fff;}
.hold{background: #9816f4 ;color: #fff;}
.grace{background: #B12C23 ;color: #fff;}
.t_del{background: #db217d ;color: #fff;}

.del_notify{margin-bottom: 1.0rem;}
.del_notify span{margin-right: 0.2rem;}
.del.yes_y {background-color: #34bfa3;color: #fff;}
.del.wait_w {background-color: #ffb822;color: #fff;}
.del.return_r {background-color: #f4516c;color: #fff;}
.del.sunday_s {background-color: #adafc6;color: #fff;}
.del.donate_d {background-color: #36a3f7;color: #fff;}
.del.hold_h {background-color: #9816f4;color: #fff;}
.del.grace_g {background-color: #B12C23;color: #fff;}
.text-focus{color:#9816f4;}
.del{

    background: #eaeaea;
    background-color: rgb(234, 234, 234);
    color: #444;
    font-size: 0.8rem;
    line-height: 10px;
    min-height: 10px;
    min-width: 10px;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    padding: 0px 3px;
    border-radius: .75rem;
}


			   .que_sett
         {
         list-style-type: none;
         margin: 0;
         padding: 0;
         overflow: hidden;
         /*background-color: #0078d7;*/ 
         }
         .que_sett li 
         {
         float: left;
         border: 1px solid #B12C23;
         margin: 0px 5px 10px;
         border-radius: 2px;
         
         }
      /*  .que_sett li:nth-last-child(1) {border: 1px solid #007bff;}
        .que_sett li:nth-last-child(2) {border: 1px solid #007bff;}
        .que_sett li.active:nth-last-child(1) {color:#fff;border: 1px solid #007bff;background: #007bff; }
        .que_sett li.active:nth-last-child(2) {color:#fff;border: 1px solid #007bff;background:  #007bff;}
        .que_sett li:nth-last-child(1) a{color:#007bff;}
        .que_sett li:nth-last-child(2) a{color:#007bff;}*/
        .que_sett li a 
         {
         display: block;
         color:#B12C23;
         text-align: center;
         padding: 8px;
         text-decoration: none;
         }
         /* .que_sett li a:hover:not(.active) {
         background-color: rgb(255,255,255,0.5)
         }*/
         .que_sett li.active 
         {
         background-color: #B12C23;
         }
         .que_sett li.active a 
         {
         color: #fff;
         }



         /*--Consumption*/
         .con_sett
         {
         list-style-type: none;
         margin: 0;
         padding: 0;
         overflow: hidden;
         /*background-color: #0078d7;*/ 
         }
         .con_sett li 
         {
         float: left;
         border-right: 1px solid #B12C23;
         margin: 5px 5px;
         border-radius: 2px;
         }
      /*  .que_sett li:nth-last-child(1) {border: 1px solid #007bff;}
        .que_sett li:nth-last-child(2) {border: 1px solid #007bff;}
        .que_sett li.active:nth-last-child(1) {color:#fff;border: 1px solid #007bff;background: #007bff; }
        .que_sett li.active:nth-last-child(2) {color:#fff;border: 1px solid #007bff;background:  #007bff;}
        .que_sett li:nth-last-child(1) a{color:#007bff;}
        .que_sett li:nth-last-child(2) a{color:#007bff;}*/
        .con_sett li a 
         {
         display: block;
         color:#B12C23;
         text-align: center;
         padding: 8px;
         text-decoration: none;
         }
         /* .que_sett li a:hover:not(.active) {
         background-color: rgb(255,255,255,0.5)
         }*/
         .con_sett li.active 
         {
         background-color: #B12C23;
         border-right: 0;
         }
         .con_sett li.active a 
         {
         color: #fff;
         }


        
         .sub_sett
         {
         list-style-type: none;
         margin: 0;
         padding: 0;
         overflow: hidden;
         /*background-color: #0078d7;*/ 
         }
         .sub_sett li 
         {
         float: left;
         border: 1px solid #B12C23;
         margin: 0px 5px;
         border-radius: 2px;
         }
        .sub_sett li a 
         {
         display: block;
         color:#B12C23;
         text-align: center;
         padding: 8px;
         text-decoration: none;font-weight: 700;
         }
         /* .que_sett li a:hover:not(.active) {
         background-color: rgb(255,255,255,0.5)
         }*/
         .sub_sett li.active 
         {
         background-color: #B12C23;
         }
         .sub_sett li.active a 
         {
         color: #fff;
         }





         .prd_sett
         {
         list-style-type: none;
         margin: 0;
         padding: 0;
         overflow: hidden;
         /*background-color: #0078d7;*/ 
         }
         .prd_sett li 
         {
         float: left;
         border: 1px solid #B12C23;
         margin: 0px 5px;
         border-radius: 2px;
         }
        .prd_sett li:nth-last-child(1) {border: 1px solid #007bff;}
        .prd_sett li:nth-last-child(2) {border: 1px solid #007bff;}
        .prd_sett li.active:nth-last-child(1) {color:#fff;border: 1px solid #007bff;background: #007bff; }
        .prd_sett li.active:nth-last-child(2) {color:#fff;border: 1px solid #007bff;background:  #007bff;}
        .prd_sett li:nth-last-child(1) a{color:#007bff;}
        .prd_sett li:nth-last-child(2) a{color:#007bff;}
        .prd_sett li a 
         {
         display: block;
         color:#B12C23;
         text-align: center;
         padding: 8px;
         text-decoration: none;
         }
         /* .que_sett li a:hover:not(.active) {
         background-color: rgb(255,255,255,0.5)
         }*/
         .prd_sett li.active 
         {
         background-color: #B12C23;
         }
         .prd_sett li.active a 
         {
         color: #fff;
         }


         .m--font-black {

    color: #000 !important;

}

.m-badge.m-badge--focus{min-height: 10px!important;max-height: 10px!important;}
.m-badge.m-badge--black{background:#000;min-height: 10px!important;max-height: 10px!important;}
.cal_notify{margin-bottom: 1.0rem;}
.cal_notify span{margin-right: 0.2rem;}
.m-cal.m-cal--success {background-color: #B12C23;color: #fff;}
.m-cal.m-cal--danger {background-color: #f4516c;color: #fff;}
.m-cal.m-cal--info {background-color: #36a3f7;color: #fff;}
.m-cal.m-cal--primary {background-color: #5867dd;color: #fff;}
.m-cal.m-cal--focus {background-color: #9816f4;color: #fff;}
.text-focus{color:#9816f4;}
.m-cal {

    background: #eaeaea;
    background-color: rgb(234, 234, 234);
    color: #444;
    font-size: 0.8rem;
    line-height: 10px;
    min-height: 10px;
    min-width: 10px;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    padding: 0px 3px;
    border-radius: .75rem;
}



/*Animation via Status*/
@keyframes yes  
{
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
  }
}

@keyframes wait   
{
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
  }
}
@keyframes hold 
{
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
  }
}
@keyframes donate
{
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
  }
}
@keyframes return 
{
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
  }
}
@keyframes grace  
{
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
  }
}

@keyframes t_del  
{
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
  }
}

.example-1.yes,.example-1.wait,.example-1.hold,
.example-1.donate,.example-1.return,.example-1.grace,.example-1.t_del
{
  padding: 20px 2px;
  margin: 0 auto;
  width: 60px;
  height: 60px;
  text-transform: uppercase;
    letter-spacing: 1px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  font-size: 16px;
  font-weight: 700;
}                   
.example-1.yes{animation: yes 1s 2;animation-delay:2s;}
.example-1.wait{animation: wait 1s 2;animation-delay:4s;}
.example-1.hold{animation: hold 1s 2;animation-delay:6s;}
.example-1.donate{animation: donate 1s 2;animation-delay:8s;}
.example-1.return{animation: return 1s 2;animation-delay:10s;}
.example-1.grace{animation: grace 1s 2;animation-delay:12s;}
.example-1.t_del{animation: t_del 1s 2;animation-delay:12s;}

.example-1.yes:hover,.example-1.wait:hover,.example-1.hold:hover,
.example-1.donate:hover,.example-1.return:hover,.example-1.grace:hover,.example-1.t_del:hover
{
   transform: scale(1.1);
}
/**/

.highcharts-credits{display: none;}


.fab.fa-youtube{font-size: 26px;}


.cli_type{padding: 0px 5px;border-radius: 50%;border: 2.5px solid /*#B12C23*/#000;width: 25px;
  text-align: center;height: 25px;color: #000;font-weight: bold;}

  .thumb-sm {

    height: 32px;
    width: 32px;
    border-radius: 50%;
}

#m_table_2 tr.highlighted {
box-shadow: inset 0 0 10px rgba(0,0,0,.5);
font-weight: bold;

}

/* Apf Loader */
/*@import url("https://fonts.googleapis.com/css?family=Poppins");
*,
*:before,
*:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  font-size: 62.5%;
  background-color: #00091B;
  font-family: 'Poppins', sans-serif;
}*/




.apf_loader {
  position: absolute;
  width: 17rem;
  height: 10rem;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.test_apf {
  font-family: 'Poppins', sans-serif;
  color: #fff;
  font-size: 4rem;
  font-weight: 900;
  display: inline-block;
  position: absolute;
  bottom: 0;
  -webkit-animation: text 1050ms ease-in infinite;
          animation: text 1050ms ease-in infinite;
  -webkit-transform: translatez(0);
          transform: translatez(0);
}
.test_apf-w {
  font-family: 'Poppins', sans-serif;
  color:#B12C23;
  left: 0rem;
  -webkit-transform: translate3d(0, -4rem, 0);
          transform: translate3d(0, -4rem, 0);
  -webkit-animation: text-w 1050ms ease-in infinite;
          animation: text-w 1050ms ease-in infinite;
}
.test_apf-a {
  font-family: 'Poppins', sans-serif;
  color:#ea0114;
  left: 3rem;
  -webkit-animation-delay: 150ms;
          animation-delay: 150ms;
}
.test_apf-v {
  font-family: 'Poppins', sans-serif;
  color:#B12C23;
  left:6rem;
  -webkit-animation-delay: 230ms;
          animation-delay: 230ms;
}
.test_apf-e {
  font-family: 'Poppins', sans-serif;
  color:#B12C23;
  left: 13rem;
  -webkit-animation-delay: 310ms;
          animation-delay: 310ms;
}

.coast {
  position: absolute;
  left: 1.3rem;
  bottom: 1.7rem;
  width: 6.2rem;
  height:2.2rem;
  display: inline-block;
  -webkit-animation: coast 2100ms linear infinite;
          animation: coast 2100ms linear infinite;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.wave-rel-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-perspective: 3rem;
          perspective: 3rem;
  -webkit-perspective-origin: 0%, 50%;
          perspective-origin: 0%, 50%;
}

.wave {
  position: absolute;
  width: 3.2rem;
  height: 0.75rem;
  border-radius: 1.1rem;
  background: -webkit-radial-gradient(center ellipse, #B12C23 0%, #B12C23 73%, #B12C23 100%);
  background: radial-gradient(ellipse at center, #B12C23 0%, #B12C23 73%, #B12C23 100%);
  display: inline-block;
  -webkit-animation: wave 2100ms linear infinite;
          animation: wave 2100ms linear infinite;
  will-change: width;
  -webkit-transform: translateZ(0) scale(0);
          transform: translateZ(0) scale(0);
}

.delay {
  -webkit-animation-delay: 1050ms;
          animation-delay: 1050ms;
}

@-webkit-keyframes text {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  30% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  45% {
    -webkit-transform: translate3d(0, -4rem, 0);
            transform: translate3d(0, -4rem, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes text {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  30% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  45% {
    -webkit-transform: translate3d(0, -4rem, 0);
            transform: translate3d(0, -4rem, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes text-w {
  0% {
    -webkit-transform: translate3d(0, -4rem, 0);
            transform: translate3d(0, -4rem, 0);
  }
  38% {
    -webkit-transform: translate3d(0, -4rem, 0);
            transform: translate3d(0, -4rem, 0);
  }
  69% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -4rem, 0);
            transform: translate3d(0, -4rem, 0);
  }
}
@keyframes text-w {
  0% {
    -webkit-transform: translate3d(0, -4rem, 0);
            transform: translate3d(0, -4rem, 0);
  }
  38% {
    -webkit-transform: translate3d(0, -4rem, 0);
            transform: translate3d(0, -4rem, 0);
  }
  69% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -4rem, 0);
            transform: translate3d(0, -4rem, 0);
  }
}
@-webkit-keyframes coast {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  23% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(16rem, 0, 0);
            transform: translate3d(16rem, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(16rem, 0, 0);
            transform: translate3d(16rem, 0, 0);
  }
}
@keyframes coast {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  23% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(16rem, 0, 0);
            transform: translate3d(16rem, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(16rem, 0, 0);
            transform: translate3d(16rem, 0, 0);
  }
}
@-webkit-keyframes wave {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    width: 2.2rem;
  }
  10% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  23% {
    width: 2.2rem;
  }
  32% {
    width: 2.2rem;
  }
  42% {
    width: 2.2rem;
    -webkit-transform: rotateY(0deg) scale(1, 1);
            transform: rotateY(0deg) scale(1, 1);
  }
  51% {
    -webkit-transform: rotateY(90deg) scale(0.6, 0.2);
            transform: rotateY(90deg) scale(0.6, 0.2);
  }
  52% {
    -webkit-transform: rotateY(90deg) scale(0);
            transform: rotateY(90deg) scale(0);
  }
  100% {
    -webkit-transform: rotateY(90deg) scale(0);
            transform: rotateY(90deg) scale(0);
  }
}
@keyframes wave {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    width: 2.2rem;
  }
  10% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  23% {
    width: 2.2rem;
  }
  32% {
    width: 2.2rem;
  }
  42% {
    width: 2.2rem;
    -webkit-transform: rotateY(0deg) scale(1, 1);
            transform: rotateY(0deg) scale(1, 1);
  }
  51% {
    -webkit-transform: rotateY(90deg) scale(0.6, 0.2);
            transform: rotateY(90deg) scale(0.6, 0.2);
  }
  52% {
    -webkit-transform: rotateY(90deg) scale(0);
            transform: rotateY(90deg) scale(0);
  }
  100% {
    -webkit-transform: rotateY(90deg) scale(0);
            transform: rotateY(90deg) scale(0);
  }
}

marquee div.m-widget24{display: inline-block;border-right: 1px solid #ddd;padding:0px 20px 0px 0px; }
marquee div.m-widget24:nth-last-of-type(1){border-right: unset!important; }
marquee div.m-widget24 .m-widget24__item .m-widget24__title{margin-top:0px;}

.padl{
  padding-left: 0px;
}


.mt_35px {

    margin-top: 35px;

}


.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__heading, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__link {
    background-color: #B12C23!important;
}


.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__link .m-menu__link-icon {
    color: #fff;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__link .m-menu__link-text {
    color: #fff;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__heading .m-menu__ver-arrow, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__link .m-menu__ver-arrow {
    color: #fff;
}