.dashboard-logo {
    width: 100%;
}

.mCSB_container {
    overflow: initial !important;
}

@media screen and (max-width: 992px) {
    .dashboard-logo {
        width: 45%;
    }


}

@media only screen and (max-width: 768px) {

    .dashboard-logo {
        width: 50%;
    }
}

.m-datatable>.m-datatable__table>.m-datatable__head .m-datatable__row>.m-datatable__cell,
.m-datatable>.m-datatable__table>.m-datatable__foot .m-datatable__row>.m-datatable__cell {
    background: #207fb6;
}

.m-datatable>.m-datatable__pager>.m-datatable__pager-nav>li>.m-datatable__pager-link.m-datatable__pager-link--active {
    background: #004872;
}

.m-datatable.m-datatable--default>.m-datatable__table>.m-datatable__head .m-datatable__row>.m-datatable__cell {
    padding: 10px 10px;
}

.btn-focus {
    color: #fff;
    background-color: #004872;
    border-color: #023851;
}

.btn-focus:hover {
    color: #fff;
    background-color: #ed1c24;
    border-color: #a2070d;
}

.btn-focus:focus {
    color: #fff;
    background-color: #ed1c24;
    border-color: #a2070d;
}

.btn-focus:active {
    color: #fff;
    background-color: #ed1c24 !important;
    border-color: #a2070d;
}

.m-subheader {
    padding: 17px 30px 0px 30px !important;
}

.m-body .m-content {
    padding: 0px 15px !important;
}

.m-portlet .m-portlet__body {
    padding: 5px 0.2rem !important;
}

.m-login__welcome {
    background-color: #00000005 !important;
}

.btn-outline-focus.m-btn--air,
.btn-focus.m-btn--air,
.m-btn--gradient-from-focus.m-btn--air {
    box-shadow: 0px 5px 10px 2px #0048725c !important;
}

.btn-focus.m-btn--air:hover {
    box-shadow: 0px 5px 10px 2px #ed1c245c !important;
}


/*Start Dashboard*/

.bg-info {
    background-color: #207fb6 !important;
}

.inner {
    padding: 10px;

}

.small-box h3,
.small-box p {
    z-index: 5;
}

.small-box h3 {
    font-size: 2.2rem;
    font-weight: 700;
    margin: 0 0 10px;
    padding: 0;
    white-space: nowrap;
}

.small-box {
    border-radius: 0.25rem;
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    display: block;
    margin-bottom: 20px;
    position: relative;
}

.bg-info,
.bg-info>a {
    color: #fff !important;
}

.bg-success,
.bg-success>a {
    color: #fff !important;
}

.bg-warning,
.bg-warning>a {
    color: #fff !important;
}

.bg-danger,
.bg-danger>a {
    color: #fff !important;
}

.bg-primary,
.bg-primary>a {
    color: #fff !important;
}

.bg-orange {
    background: #eb6d50;
}

.bg-orange,
.bg-orange>a {
    color: #fff !important;
}

.bg-purple {
    background: #af50eb;
}

.bg-purple,
.bg-purple>a {
    color: #fff !important;
}

.bg-mehndi {
    background: #a2b02f;
}

.bg-mehndi,
.bg-mehndi>a {
    color: #fff !important;
}

.bg-pink {
    background: #ed78e2;
}

.bg-pink,
.bg-pink>a {
    color: #fff !important;
}

.bg-sky-blue {
    background: #21b2f4;
}

.bg-sky-blue,
.bg-sky-blue>a {
    color: #fff !important;
}

.bg-red {
    background: #f65441;
}

.bg-red,
.bg-red>a>div> {
    color: #fff !important;
}

.login__wrapper-margin {
    padding: 20% 2rem 2rem 2rem !important;
}

@media (max-width: 768px) {

    .login__wrapper-margin {
        padding-top: 0rem !important;
    }

    .form-m-top {
        margin-top: 2rem !important;
    }

    .m-body .m-content {
        padding: 0px 5px !important;
    }

    .m-subheader .m-subheader__breadcrumbs.m-nav {
        margin-top: -4.25rem !important;
    }

    .m-subheader .m-subheader__title.m-subheader__title--separator {
        display: none !important;
    }

    .m--margin-bottom-10 {
        margin-bottom: 0px !important;
    }

    .m--margin-top-10 {
        margin-top: 5px !important;
    }

    .m-subheader {
        padding: 10px 30px 0px 30px !important;
    }


    .m-form .m-form__group {
        margin-bottom: 0;
        padding-top: 3px;
        padding-bottom: 2px;
    }

    .mobile-margin {
        margin-top: -13px !important;
    }

    .m-login.m-login--1 .m-login__aside {
        padding: 2rem 3rem !important;
    }

    .modal-lg {
        max-width: 98% !important;
    }

}




@media (max-width: 767.98px) {
    .small-box {
        text-align: center;
    }

    .dashboard-logo1 {
        width: 185px;
    }

    .small-box .icon>i.fa {
        display: none;
    }
}




.small-box>.small-box-footer:hover {
    background-color: rgba(0, 0, 0, .15);
    color: #fff;
}

.small-box>.small-box-footer {
    background-color: rgba(0, 0, 0, .1);
    color: rgba(255, 255, 255, .8);
    display: block;
    padding: 3px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    z-index: 10;
}

.small-box .icon {
    color: rgba(0, 0, 0, .15);
    z-index: 0;
}

.small-box .icon>i.fa {
    font-size: 70px;
    top: 20px;
}

.small-box .icon>i {
    font-size: 90px;
    position: absolute;
    right: 15px;
    top: 15px;
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear;
}

.btn.m-btn--hover-success:not(.btn-secondary):not(.btn-outline-light) {
    border-color: #d1a10b;
    background-color: #f0ad33;
}



.btn.m-btn--hover-success:not(.btn-secondary):not(.btn-outline-light) i {
    color: #fff;
}

a {
    color: #053adc !important;
}

.modal-lg {
    max-width: 80% !important;
}

.tcell {
    border: 1px solid #ccc;
    padding: 10px;
}

.form-control {
    padding: 0.65rem 0.4rem !important;
}

/* border: 1px #004872 solid!important;; */
.my-small-box {

    padding: 10px;
    border-radius: 6px;
    box-shadow: 10px 10px 5px lightblue;
    margin: 10px 5px;
}


.my-box-count {
    font-size: 21px;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    color: #fff;

}

.my-module-name {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
}

.my-small-box>a {
    text-decoration: none !important;
}



/*End Dashboard*/

.border-box {
    border: 1px solid #0069a6;
    padding: 5px 10px;
    margin-bottom: 11px;
    border-radius: 5px;
    box-shadow: 3px 3px #0069a6ad;
}

.col-form-label {
    color: #504e4e;
    font-weight: 600;
}

.form-control[readonly] {
    background-color: #eceff7d6;
    border-color: #eceff7d6;
}
.form-control[disabled] {
    background-color: #eceff7d6;
    color: #6f727d;
    border-color: #eceff7d6;
}
.modal .modal-content .modal-header {
    padding: 11px;
}
.modal .modal-content .modal-header .close {
        line-height: 1 !important;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {

    padding-right: 10px!important;
    padding-left: 10px!important;
}
.bg-info>h5{
    color: #fff!important;
    font-weight: 600!important;
}
.m-aside-left.m-aside-left--skin-dark {
    background-color: #207fb6;
    background-image: linear-gradient(180deg, #207fb6 10%, #207fb6 100%);
    background-size: cover;
}

.modal-content{
    min-height: 500px!important;
}

.my-btn-danger{
    float: right;
    background: #f12143;
    padding: 2px 6px;
    color: #fff!important;
    border: 1px solid #f01539;
    border-radius: 5px;
}
.my-btn-danger:hover{
    background: #207fb6 ;
    border: 1px solid #186a99 ;
}
.my-btn-info{
    float: right;
    padding: 2px 6px;
    color: #fff!important;
    border-radius: 5px;
    background: #207fb6 ;
    border: 1px solid #186a99 ;
}
.my-btn-info:hover{
    background: #1b6c9b ;
    border: 1px solid #135379 ;
}
.bg-box{
    border-top: 1px solid #0069a6;
    margin-left: -10px;
    margin-right: -10px;
    border-radius: 20px 0px 5px 5px;
    background: #c7e6f9;
    color: #141414;
    margin-bottom: -5px;
    padding-bottom: 8px;
    padding-top: 5px;

}

.text-dark {
    font-weight: 500;
}


/* Absolute Center Spinner */
.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  
  /* Transparent Overlay */
  .loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
      background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));
  
    background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
  }
  
  /* :not(:required) hides these rules from IE9 and below */
  .loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }
  
  .loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 150ms infinite linear;
    -moz-animation: spinner 150ms infinite linear;
    -ms-animation: spinner 150ms infinite linear;
    -o-animation: spinner 150ms infinite linear;
    animation: spinner 150ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
  }
  
  /* Animation */
  
  @-webkit-keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @-moz-keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @-o-keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }