.clear{
    margin: 15px;
}
.error{
    color:#f4516c;
}
span.info_msg {
    display: block;
    margin-top: 10px;
    font-size: 12px;
    font-weight: 300;
}
.messgae{
   font-weight: 500 !important;
    color: black !important;
}
.dt-buttons {
        float: right !important;
        margin-bottom: 20px!important;
    }

.m-aside-left.m-aside-left--skin-dark{background: #2a3f54;}
.m-aside-menu .m-menu__nav>.m-menu__item { -webkit-transition: all 0.2s linear; transition: all 0.2s linear;border-left: 2px solid #2a3f54;}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover{background-color:rgb(23, 45, 68);border-left: 2px solid #f8f9ff;}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__link .m-menu__link-text, .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, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__link .m-menu__link-text{color: #fff;}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__link .m-menu__link-icon, .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:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__heading .m-menu__ver-arrow, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__link .m-menu__ver-arrow, .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, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__heading .m-menu__link-bullet.m-menu__link-bullet--dot>span, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__link .m-menu__link-bullet.m-menu__link-bullet--dot>span{color: #fff;}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.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__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-icon {
    color: #ffffff;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open{background-color: rgb(23, 45, 68);border-left: 2px solid #f8f9ff;}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__heading .m-menu__link-bullet.m-menu__link-bullet--dot>span, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__link .m-menu__link-bullet.m-menu__link-bullet--dot>span{background-color: #fff;}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__link .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active>.m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active>.m-menu__link .m-menu__link-text{color: #FFD500;}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__heading .m-menu__link-bullet.m-menu__link-bullet--dot>span, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__link .m-menu__link-bullet.m-menu__link-bullet--dot>span, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active>.m-menu__heading .m-menu__link-bullet.m-menu__link-bullet--dot>span, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active>.m-menu__link .m-menu__link-bullet.m-menu__link-bullet--dot>span{background-color: #FFD500 ;}
.m-datatable.m-datatable--default>.m-datatable__table>.m-datatable__head .m-datatable__row>.m-datatable__cell{padding: 10px;}
.m-datatable.m-datatable--default>.m-datatable__table>.m-datatable__head .m-datatable__row>.m-datatable__cell i, .m-datatable.m-datatable--default>.m-datatable__table>.m-datatable__body .m-datatable__row>.m-datatable__cell i, .m-datatable.m-datatable--default>.m-datatable__table>.m-datatable__foot .m-datatable__row>.m-datatable__cell i{font-size: 1.2rem;}
.btn, .btn.m-btn--custom{padding: 6px 10px;}


.gallery_views .col-md-2 img{width: 100%!important;}
.gallery_views .col-md-2 input[type="text"]{    border-radius: 0;
    background: #ffffff;
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    margin: 5px 0;}
.gallery_views .col-md-2 input[type="submit"] {
    background: #03742b;
    border: 0;
    padding: 4px 15px;
    color: #ffffff;
    border-radius: 0;
    border: 1px solid #ddd;
    width: 127px;
    border-radius: .25rem;
}

.gallery_views .col-md-2 input.delete_iinfra_gallery {
    background-color: #8f0000;
    margin-top: 5px;
    color: #fff;
}


.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: rgba(52,73,94,.94);
    color: #ECF0F1;
}

.m-datatable>.m-datatable__table>.m-datatable__head .m-datatable__row>.m-datatable__cell>span, .m-datatable>.m-datatable__table>.m-datatable__foot .m-datatable__row>.m-datatable__cell>span {
    color: #ECF0F1;
}


.m-datatable.m-datatable--default>.m-datatable__table>.m-datatable__head .m-datatable__row>.m-datatable__cell, .m-datatable.m-datatable--default>.m-datatable__table>.m-datatable__body .m-datatable__row>.m-datatable__cell, .m-datatable.m-datatable--default>.m-datatable__table>.m-datatable__foot .m-datatable__row>.m-datatable__cell {
    border: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    padding: 6px;
    word-break: break-word;
}

.m-datatable.m-datatable--default>.m-datatable__table>.m-datatable__body .m-datatable__row.m-datatable__row--even>.m-datatable__cell {
    background: #fff;
}

.m-datatable.m-datatable--default>.m-datatable__table>.m-datatable__body .m-datatable__row.m-datatable__row--hover:not(.m-datatable__row--active)>.m-datatable__cell {
    background: #fff;
}

.btn.m-btn--gradient-from-info.m-btn--gradient-to-accent {
    background: transparent;
    color: #36a3f7;
}

.btn.m-btn--gradient-from-info.m-btn--gradient-to-accent:hover, .btn.m-btn--gradient-from-info.m-btn--gradient-to-accent.active, .btn.m-btn--gradient-from-info.m-btn--gradient-to-accent:active, .btn.m-btn--gradient-from-info.m-btn--gradient-to-accent:focus, .show>.btn.m-btn--gradient-from-info.m-btn--gradient-to-accent.dropdown-toggle {
    background: transparent;
    color: #247cc1;
}

.btn.m-btn--gradient-from-danger.m-btn--gradient-to-warning {
   background: transparent;
    color: #f4516c;
}

.btn.m-btn--gradient-from-danger.m-btn--gradient-to-warning:hover, .btn.m-btn--gradient-from-danger.m-btn--gradient-to-warning.active, .btn.m-btn--gradient-from-danger.m-btn--gradient-to-warning:active, .btn.m-btn--gradient-from-danger.m-btn--gradient-to-warning:focus, .show>.btn.m-btn--gradient-from-danger.m-btn--gradient-to-warning.dropdown-toggle {
    background: transparent;
    color: #d12340;
}

.btn.m-btn--gradient-from-success.m-btn--gradient-to-accent,.btn.m-btn--gradient-from-info.m-btn--gradient-to-warning {
    background: transparent;
    color: #34bfa3;
}

.btn.m-btn--gradient-from-success.m-btn--gradient-to-accent:hover, .btn.m-btn--gradient-from-success.m-btn--gradient-to-accent.active, .btn.m-btn--gradient-from-success.m-btn--gradient-to-accent:active, .btn.m-btn--gradient-from-success.m-btn--gradient-to-accent:focus, .show>.btn.m-btn--gradient-from-success.m-btn--gradient-to-accent.dropdown-toggle {
   background: transparent;
    color: #238d77;
}

.btn.m-btn--gradient-from-info.m-btn--gradient-to-warning:hover, .btn.m-btn--gradient-from-info.m-btn--gradient-to-warning.active, .btn.m-btn--gradient-from-info.m-btn--gradient-to-warning:active, .btn.m-btn--gradient-from-info.m-btn--gradient-to-warning:focus, .show>.btn.m-btn--gradient-from-info.m-btn--gradient-to-warning.dropdown-toggle {
    background: transparent;
    color: #238d77;
}

.m-datatable>.m-datatable__pager>.m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle:focus, .m-datatable>.m-datatable__pager>.m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle:hover, .m-datatable>.m-datatable__pager>.m-datatable__pager-info .m-datatable__pager-size.show>.btn.dropdown-toggle {
    background: rgba(52,73,94,.94);
    color: #ECF0F1;
}

body.m-aside-left--skin-dark .m-header .m-header-head {
    -webkit-box-shadow: 0px 1px 15px 1px rgb(69 65 78 / 10%);
    box-shadow: none;
}

.m-datatable>.m-datatable__pager>.m-datatable__pager-nav>li>.m-datatable__pager-link.m-datatable__pager-link--active {
    background: rgba(52,73,94,.94);
    color: #fff;
}

.m-datatable>.m-datatable__pager>.m-datatable__pager-nav>li>.m-datatable__pager-link:hover {
    background: #405467;
    color: #fff;
}

.m-datatable>.m-datatable__pager>.m-datatable__pager-nav>li>.m-datatable__pager-link.m-datatable__pager-link--first:hover, .m-datatable>.m-datatable__pager>.m-datatable__pager-nav>li>.m-datatable__pager-link.m-datatable__pager-link--prev:hover, .m-datatable>.m-datatable__pager>.m-datatable__pager-nav>li>.m-datatable__pager-link.m-datatable__pager-link--next:hover, .m-datatable>.m-datatable__pager>.m-datatable__pager-nav>li>.m-datatable__pager-link.m-datatable__pager-link--last:hover {
    background: #405467;
    color: #fff;
}

.m-login.m-login--2 .m-login__wrapper {
   
    width: 1000px;
    margin: auto;
}

.login-page {
    height: 100vh;
    width: 100%;
    display: table;
    background-size: cover;
    background-repeat: no-repeat;
}

.login-page .container {
    max-width: 1000px;
    width: 100%;
}

.login-page-left {
    width: 100%;
    background: #fff;
    min-height: 500px;
    height: 100%;
    padding: 12px;
}

.logo-login {
    display: table;
    margin: 150px auto;
}

.login-page-left h4 {
    position: absolute;
    right: 20px;
    bottom: 10px;
    font-size: 12px;
    font-weight: 500;
    color: #2a3f54;
}

.sterco-logo {
    position: absolute;
    bottom: 10px;
    left: 30px;
    width: 55px;
    margin-bottom: .5rem;
}

.login-page-right {
    background-color: rgba(54,84,99,0.7);
    height: 100%;
    min-height: 500px;
    padding: 50px;
}

.copyright-sec {
    color: #fff;
    font-size: 12px;
    position: absolute;
    right: 40px;
    bottom: 10px;
    margin-bottom: .5rem;
}

.login-page-right h3 {
    color: #fff;
    font-size: 38px;
    font-weight: 400;
    text-align: center;
    padding-bottom: 40px;
}

.input-login {
    padding: 0 30px;
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.m-checkbox {
    color: #ffffff;
}

.m-checkbox.m-checkbox--focus>span:after {
    border: solid #fff;
}
.m-checkbox.m-checkbox--focus>input:checked ~ span {
    border: 1px solid #fff;
}

.btn.m-btn--custom {
    padding: .75rem 2rem;
    font-size: 1rem;
    font-weight: 400;
    font-family: Poppins;
    margin: 20px 0;
    width: 115px;
    color: #212529;
    border: none;
    font-size: 14px;
    text-transform: uppercase;
    padding: 8px 26px;
    border-radius: 20px;
    display: table;
    font-weight: 500;
    outline: none;
    -webkit-transition: all 0.32s ease-out;
    -moz-transition: all 0.32s ease-out;
    -o-transition: all 0.32s ease-out;
    transition: all 0.32s ease-out;
}

.btn-outline-focus.m-btn--air, .btn-focus.m-btn--air, .m-btn--gradient-from-focus.m-btn--air {
    -webkit-box-shadow: none  !important;
    box-shadow: none !important;
}

.btn.btn-focus.active, .btn.btn-focus.focus, .btn.btn-focus:focus, .btn.btn-focus:hover:not(:disabled) {
    color: #212529 !important;
}

.btn-focus:not(:disabled):not(.disabled):active, .btn-focus:not(:disabled):not(.disabled).active, .show>.btn-focus.dropdown-toggle {
    color: #212529 !important;
    background-color: #fff;
    border-color: #fff;
}

.btn-focus:not(:disabled):not(.disabled):active:focus, .btn-focus:not(:disabled):not(.disabled).active:focus, .show>.btn-focus.dropdown-toggle:focus {
    -webkit-box-shadow: none  !important;
    box-shadow: none !important;
}

.btn-outline-focus.m-btn--air.focus, .btn-outline-focus.m-btn--air:focus, .btn-outline-focus.m-btn--air:hover, .btn-focus.m-btn--air.focus, .btn-focus.m-btn--air:focus, .btn-focus.m-btn--air:hover, .m-btn--gradient-from-focus.m-btn--air.focus, .m-btn--gradient-from-focus.m-btn--air:focus, .m-btn--gradient-from-focus.m-btn--air:hover {
    -webkit-box-shadow: none  !important;
    box-shadow: none !important;
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show>.btn-outline-success.dropdown-toggle {
    color: #34bfa3;
    background-color: #fff;
    border-color: #fff;
}

.btn.btn-outline-success.active, .btn.btn-outline-success.focus, .btn.btn-outline-success:focus, .btn.btn-outline-success:hover:not(:disabled) {
    color: #fff!important;
}

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

.m-dropdown.m-dropdown--header-bg-fill .m-dropdown__header {
    background: rgb(23 45 68) !important;
}

.m-topbar .m-topbar__nav.m-nav>.m-nav__item.m-topbar__user-profile.m-topbar__user-profile--img.m-dropdown--arrow .m-dropdown__arrow {
    color: #172d44;
}

.btn-outline-primary {
    color: #2a3f54;
    background-color: transparent;
    background-image: none;
    border-color: #fff;
}

.btn-outline-primary.focus, .btn-outline-primary:focus, .btn-outline-primary:hover {
    border-color: #fff;
    background: #fff;
    color: #fff;
}

.btn.btn-outline-primary {
    color: #2a3f54;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show>.btn-outline-primary.dropdown-toggle {
    border-color: #fff;
    background: #fff;
    color: #75abe3;
}
.btn.btn-outline-primary.active, .btn.btn-outline-primary.focus, .btn.btn-outline-primary:focus, .btn.btn-outline-primary:hover:not(:disabled) {
    color: #75abe3 !important;
}
.btn.m-btn--gradient-from-danger.m-btn--gradient-to-danger {
    background: #f4516c;
    background: transparent;
}

.btn.m-btn--gradient-from-danger {
    color: #cbbc0f;
    border: 0 !important;
}

.btn.m-btn--gradient-from-danger.m-btn--gradient-to-danger:hover, .btn.m-btn--gradient-from-danger.m-btn--gradient-to-danger.active, .btn.m-btn--gradient-from-danger.m-btn--gradient-to-danger:active, .btn.m-btn--gradient-from-danger.m-btn--gradient-to-danger:focus, .show>.btn.m-btn--gradient-from-danger.m-btn--gradient-to-danger.dropdown-toggle {
    background: #f23454;
    background: transparent;
    color: #ab9e0b;
}


.datatable tr{
  
}

.datatable tr th{
    background: rgba(52,73,94,.94);
    color: #ECF0F1;
}
.datatable tr th, .datatable tr td{
    border: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    padding: 6px;
}


.field input[type="file" i] {
   
    border: 1px solid #eee;
    margin: 7px 0;
}

.field h3 {
   
    font-size: 12px;
}
tr.odd {
  background-color: #e4ebf6 !important;
}

blockquote.banner__intro{font-size: 1.8rem; line-height: 39px;}