.error { color: #DC3545;position: relative;font-weight: bolder;margin-bottom: 1px;}
.btn-flat{
    box-shadow:none!important;
}
.btn-group-xs>.btn, .btn-xs {
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0px !important;
}
.btn-info{
    background-image:none;
    text-shadow:none;
    border: 1px solid #5bc0de;
    box-shadow: 0px 4px 0px #469fb9, 0px 4px 4px rgba(0,0,0,.4) !important;
    padding: 2px 5px !important;
}
.btn-primary{
    background-image: none;
    text-shadow: none;
    border: 1px solid #134d7f;
    box-shadow: 0px 4px 0px #14446d, 0px 4px 4px rgba(0,0,0,.4) !important;
    padding: 2px 5px !important;
}
.btn-success{
    background: #179c80;
    background-image:none;
    text-shadow:none;
    border: 1px solid #179c80;
    box-shadow: 0px 4px 0px #077760, 0px 4px 4px rgba(0,0,0,.4)!important;
    padding: 2px 5px !important;
}
.btn-warning{
    background-image:none;
    text-shadow:none;
    border: 1px solid #f0ad4e;
    box-shadow: 0px 4px 0px #b17c32, 0px 4px 4px rgba(0,0,0,.4)!important;
    padding: 2px 5px !important;
}
.btn-danger{
    background-image: none;
    text-shadow: none;
    border: 1px solid #d9534f;
    box-shadow: 0px 4px 0px #ab3e3a, 0px 4px 4px rgba(0,0,0,.4);
    padding: 2px 5px !important;
}
.btn-info:hover{
    background-image: none;
    text-shadow: none;
    border: 1px solid #31b0d5;
    box-shadow: 0px 4px 0px #449eb9, 0px 4px 4px rgba(0,0,0,.4);
    padding: 2px 5px !important;

}
.btn-primary:hover{
    background-image: none;
    text-shadow: none;
    border: 1px solid #134d7f;
    box-shadow: 0px 4px 0px #296ba2, 0px 4px 4px rgba(0,0,0,.4);
    padding: 2px 5px !important;
}
.btn-success:hover{
    background: #179c80;
    background-image:none;
    text-shadow:none;
    border: 1px solid #179c80;
    box-shadow: 0px 4px 0px #077760, 0px 4px 4px rgba(0,0,0,.4);
    padding: 2px 5px !important;
}
.btn-warning:hover{
    background-image:none;
    text-shadow:none;
    border: 1px solid #f0ad4e;
    box-shadow: 0px 4px 0px #b17c32, 0px 4px 4px rgba(0,0,0,.4);
}
.btn-danger:hover{
    background-image: none;
    text-shadow: none;
    border: 1px solid #c9302c;
    box-shadow: 0px 4px 0px #b5231f, 0px 4px 4px rgba(0,0,0,.4);
    padding: 2px 5px !important;
}
.btn-info:active{
    background-image:none;
    text-shadow:none;
    border: 1px solid #5bc0de;
    box-shadow: 0px 4px 0px #48acca, 0px 4px 4px rgba(0,0,0,.4);
}
.btn-primary:active{
    background-image: none;
    text-shadow: none;
    border: 1px solid #286090;
    box-shadow: 0px 4px 0px #194c77, 0px 4px 4px rgba(0,0,0,.4);
    padding: 2px 5px !important;
}
.btn-success:active{
    background: #179c80;
    background-image:none;
    text-shadow:none;
    border: 1px solid #179c80;
    box-shadow: 0px 4px 0px #077760, 0px 4px 4px rgba(0,0,0,.4);
    border-color: #398439 !important;
    padding: 2px 5px !important;
}
.btn-warning:active{
    background-image:none;
    text-shadow:none;
    border: 1px solid #f0ad4e;
    box-shadow: 0px 4px 0px #b17c32, 0px 4px 4px rgba(0,0,0,.4);
    padding: 2px 5px !important;
}
.btn-danger:active{
    background-image: none;
    text-shadow: none;
    border: 1px solid #ac2925;
    box-shadow: 0px 4px 0px #ab3e3a, 0px 4px 4px rgba(0,0,0,.4);
    border-color: #ac2925 !important;
    padding: 2px 5px !important;
}
.btn-default{
        box-shadow: 0px 4px 0px #ded7d7, 0px 0px 0px rgba(0,0,0,.4) !important;
        border:none!important;
        padding: 2px 5px !important;
}
.btn-dark{
        box-shadow: 0px 4px 0px #394b5a, 0px 0px 0px rgba(0,0,0,.4)!important;
        border:none!important;
        padding: 2px 5px !important;
}
.btn-dark:active{
        box-shadow: 0px 4px 0px #394b5a, 0px 0px 0px rgba(0,0,0,.4);
        border:none!important;
        padding: 2px 5px !important;
}
.btn-theme-blue{
    margin-top:10px;
    height: 150px;
    background-color: #004974!important;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    border: 1px solid #004974!important;
    box-shadow: 0px 4px 0px #1e6b98, 0px 4px 4px rgba(0,0,0,.4);
    
}
.btn-theme-gray{
    margin-top:10px;
    height: 150px;
    background-color: #3c3737 !important;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    border: 1px solid #5f5151!important;
    box-shadow: 0px 4px 0px #797676, 0px 4px 4px rgba(0,0,0,.4);
}
.btn-theme-green{
    margin-top:10px;
    height: 150px;
    background-color: #3a7f79 !important;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    border: 1px solid #4d908a!important;
    box-shadow: 0px 4px 0px #1c632d, 0px 4px 4px rgba(0,0,0,.4);
}
.btn-theme-light{
       margin-top: 10px;
    height: 150px;
    background-color: #eef1f3 !important;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    border: 1px solid #eef1f3!important;
    box-shadow: 0px 4px 0px #92a0a9, 0px 4px 4px rgba(0,0,0,.4);
}
.btn-theme-red{
   margin-top: 10px;
    height: 150px;
    background-color: #563b39  !important;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    border: 1px solid #67273c!important;
    box-shadow: 0px 4px 0px #79344b, 0px 4px 4px rgba(0,0,0,.4);
}
.btn-theme-light-xs{
    height: 30px;
    width:30px !important;
    background-color: #eef1f3 !important;
    color: #fff;
    border: 1px solid #eef1f3!important;
    box-shadow: 0px 4px 0px #92a0a9, 0px 4px 4px rgba(0,0,0,.4);
}
.btn-theme-blue-xs{
    height: 30px;
    width:30px !important;
    background-color: #004974!important;
    color: #fff;
    border: 1px solid #004974!important;
    box-shadow: 0px 4px 0px #1e6b98, 0px 4px 4px rgba(0,0,0,.4);
}
.btn-theme-gray-xs{
    height: 30px;
    width:30px !important;
    background-color: #3c3737 !important;
    color: #fff;
    border: 1px solid #5f5151!important;
    box-shadow: 0px 4px 0px #797676, 0px 4px 4px rgba(0,0,0,.4);
}
.btn-theme-green-xs{
    height: 30px;
    width:30px !important;
    background-color: #3a7f79 !important;
    color: #fff;
    border: 1px solid #3a7f79!important;
    box-shadow: 0px 4px 0px #4d908a, 0px 4px 4px rgba(0,0,0,.4);
}
.btn-theme-red-xs{
    height: 30px;
    width: 30px !important;
    background-color: #b11a1a !important;
    color: #fff;
    border: 1px solid #b11a1a!important;
    box-shadow: 0px 4px 0px #b75858, 0px 4px 4px rgba(0,0,0,.4);
}
.btn-theme-brown-xs{
      height: 30px;
    width: 30px !important;
    background-color: #563b39 !important;
    color: #fff;
    border: 1px solid #563b39!important;
    box-shadow: 0px 4px 0px #775855, 0px 4px 4px rgba(0,0,0,.4);
}
.btn-circle {
    width: 32px;
    height: 32px;
    text-align: center;
    padding: 6px 2px !important;
    font-size: 13px!important;
    line-height: 1.428571429;
    border-radius: 26px!important;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5) !important;
    transition: all 0.3s ease 0s;
}
.btn-circle.btn-sm {
    width: 38px;
    height: 38px;
    padding: 6px 10px !important;
    font-size: 18px!important;
    line-height: 1.33 !important;
    border-radius: 25px !important;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 9px 10px;
  font-size: 20px!important ;
  line-height: 1.33 !important;
  border-radius: 25px !important;
}
.btn-circle.btn-lg i{
    font-size:18px!important;
}
.btn-circle.btn-xl {
  width: 65px;
  height: 65px;
  padding: 17px 10px;
  font-size: 24px!important ;
  line-height: 1.33 !important;
  border-radius: 35px !important;
}
.btn-circle.btn-xl i{
    font-size:25px!important;
}
.btn-circle.btn-sm i{
    font-size:16px!important;
}
.blue {
    color:#fff !important;
    background-color: #0D47A1;
}
.blue:hover {
  background-color: #1565C0;
}
.lightblue {
  color:#fff !important;
  background-color: #01579B;
}
.lightblue:hover {
  background-color: #0277BD;
}
.green {
  background-color: #1B5E20;
 color:#fff !important;
}
.green:hover {
  background-color: #2E7D32;
}
.red {
  background-color: #D50000;
  color:#fff !important;
}
.red:hover {
  background-color: #FF1744;
}
.purple {
  background-color: #AA00FF;
  color:#fff !important;
}
.purple:hover {
  background-color: #D500F9;
}
.deeppurple {
  background-color: #311B92;
  color:#fff !important;
}
.deeppurple:hover {
  background-color: #4527A0;
}
.indigo {
  background-color: #1A237E;
  color:#fff !important;
}
.indigo:hover {
  background-color: #283593;
}
.orange {
  background-color: #E65100;
  color:#fff !important;
}
.orange:hover {
  background-color: #EF6C00;
}
.yellow {
  background-color: #F57F17;
  color:#fff !important;
}
.yellow:hover {
  background-color: #F9A825;
}
.deeporange {
  background-color: #BF360C;
  color:#fff !important;
}
.deeporange:hover {
  background-color: #D84315;
}
.brown {
  background-color: #3E2723;
  color:#fff !important;
}
.brown:hover {
  background-color: #4E342E;
}
.pink {
  background-color: #C51162;
  color:#fff !important;
}
.pink:hover {
  background-color: #F50057;
}
.maroon {
  background-color: #73182C;
  color:#fff !important;
}
.maroon:hover {
  background-color: #800001;
}
.coffee {
  background-color: #6F4E37;
  color:#fff !important;
}
.coffee:hover {
  background-color: #4D3930;
}
.grey {
  background-color: #424242;
  color:#fff !important;
}
.grey:hover {
  background-color: #616161;
}
.bluegrey {
  background-color: #37474F;
  color:#fff !important;
}
.bluegrey:hover {
  background-color: #455A64;
}
.cyan {
  background-color: #006064;
  color:#fff !important;
}
.cyan:hover {
  background-color: #00838F;
}
.lime {
  background-color: #5F3D3E;
  color:#fff !important;
}
.lime:hover {
  background-color: #9E9D24;
}
.amber {
  background-color: #4dad10;
  color:#fff !important;
}
.amber:hover {
  background-color: #76FF03;
}
.teal {
  background-color: #004D40;
  color:#fff !important;
}
.teal:hover {
  background-color: #00695C;
}
.lightgreen {
  background-color: #33691E;
  color:#fff !important;
}
.lightgreen:hover {
  background-color: #558B2F;
}
@media screen and (max-width: 767px) {
     .btn-moapp{
            padding: 6px 5px !important;
            font-size: 18px;
            font-weight: normal;
    }
    .media-left-mo{
        width:32%;
    }
    .media-body-mo{
        width:68%;
    }
    .mg-bottom-0{
        margin-bottom:0px!important;
    }
}
.navbar-nav .open .dropdown-menu.msg_list {
    width: 360px;
    background-color: #f7f7f7;
    background-image: none;
    background-size: cover;
    border-radius: 0px !important;
    border: none !important;
}
.title-sm {
    padding-left: 0px;
    font-size: 10px;
    padding-top: 4px;
    font-weight: normal;
    color: #000;
}
.title-lg {
    padding-left: 0px;
    font-size: 11px;
    padding-top: 4px;
    font-weight: normal;
    color: #000;
}
.title-xl {
    padding-left: 0px;
    font-size: 13px;
    padding-top: 5px;
    font-weight: normal;
    color: #000;
}
@media (min-width: 972px) {
    .ellip{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}
/*BADGE BG*/
.badge-bg-blue {
    background: #0e588a !important;
    border: 1px solid #0e588a !important;
    color: #fff!important;
}
.badge-bg-blue-sky {
    background: #26b0c1 !important;
    border: 1px solid #26b0c1 !important;
    color: #fff!important;
}
.upper{
    text-transform:uppercase;
}
.proper{
    text-transform:capitalize;
}
.lower{
    text-transform:lowercase;
}
::-webkit-input-placeholder { 
    text-transform: none;
}
:-moz-placeholder {
    text-transform: none;
}
::-moz-placeholder { 
    text-transform: none;
}
:-ms-input-placeholder { 
    text-transform: none;
}
::placeholder { 
    text-transform: none;
}
/*TILES*/
.wrap {
    display: flex;
    background: whitesmoke;
    padding: 1rem 0rem 1rem 0rem;
    border-radius: 0.0rem;
    margin-bottom: 0px;
    border-bottom: none; 
    margin-top:5px;
}
.wrap:hover {
    padding-left:0px!important;
    padding-right:0px!important;
    background: linear-gradient(135deg,#4caf5024 0%,#ebf5ed54 100%);
    color: #fff !important;
}
.badge{
        padding: 3px 7px !important;
}
.ico-wrap {
    margin: 0px;
}
.mbr-iconfont {
    font-size: 4.5rem !important;
    /*color: #1f75bf;*/
    margin: 1rem;
    padding-right: 1rem;
    min-width: 50px;
}
.vcenter {
    margin: 0px;
    width: 100%;
}
.mbr-section-title3 {
    text-align: left;
}
.display-5 {
    font-size: 15px;
    color: #444;
    margin-bottom: 3px;
}
.display-5-b {
    font-size: 14px;
    color: #444;
    margin-top: 3px;
}
.mbr-bold {
    font-weight: 700;
}
.display-4 {
    font-size: 12px;
    color: #1d1061;
}
.display-6 {
    font-size: 13px;
    color: #444;
    font-weight: 500;
    margin: 0 0 2px;
}
.dispaly-span{
     color: #000000d6;
    font-weight: 600;
}
.date {
    margin-right: 4px;
    float: right;
    font-size: smaller;
    font-weight: normal;
    color: #91919e;
}
.display-date {
    font-size: 12px;
    color: #a5adb1;
}
.badge a{
    color:#fff;
}
.button-footer{
    text-align: right;
    padding-right: 5px;
    color: #108229;
}
@media (max-width: 767px) {
    
   #back-top {
        position: fixed !important;
        bottom: 0px !important;
        margin-left: 8px !important;
    }
}
#back-top {
    position: fixed;
    bottom: 10px;
    margin-left: 8px;
    right: 13px;
    z-index: 99;
}
.btn-up.btn-sm {
    width: 40px;
    height: 40px;
    padding: 7px 0px !important;
    font-size: 17px!important;
    line-height: 1.33 !important;
    border-radius: 25px !important;
    box-shadow: 2px 2px 6px #4e4b4b;
}
/* TILE STATS*/
.tile-stats-blue {
    background: #004882!important;
    background-image: none!important;
    box-shadow: 0px 6px 0px #053c69, 0px 3px 15px rgba(0,0,0,.4)!important;
}
.tile-stats-red {
    background: #B01741!important;
    background-image: none!important;
    box-shadow: 0px 6px 0px #a0133a, 0px 3px 15px rgba(0,0,0,.4)!important;
}
.tile-stats-green {
    background: #037F83!important;
    background-image: none!important;
    box-shadow: 0px 6px 0px #047275, 0px 3px 15px rgba(0,0,0,.4)!important;
}
.tile-stats-yellow {
    background: #F88800!important;
    background-image: none!important;
    box-shadow: 0px 6px 0px #d07506, 0px 3px 15px rgba(0,0,0,.4)!important;
}