.grid {
    display: grid;
    align-content: center;
    grid-template-columns: auto;
    gap: 10px;
	width:100%;
}
.grid .griditems {    text-align:center;}


.loginpic img {    width: 80%;}
.loginpic h1 {    color: #30386f;    position: absolute;    top: 20px;    left: 20px;    font-size: 29px!important;    font-weight: 400;}

.login-page, .register-page {
    align-items: center;
    background-color: #fff;
    height: 100vh;
    justify-content: center;
    text-align: center;
    flex-direction: row;
	overflow:hidden;
}
.fullht{ height:100vh}
.login-box, .register-box {    width: 75%;    margin: 0 auto;  }
.login-logo, .register-logo {    margin-top: 50%; position:relative;}
.login-logo h1 {    font-size: 23px !important;    font-weight: 600;}
.login-logo:before {
 /* content: "";
    background-image: url(../images/loginboxcurve.png);
    background-position: 50% 50%;
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 80px;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 1;
    z-index: 0;*/
}

logincurve{ width:100%; height:100%; position:absolute; top:0; left:0;z-index: 1; }
logincurve{ width:auto!important;}

<!--.grafic{background-image: url(../images/billing.png);}
-->
/*.login-logo{    background-image: url(../../images/logisticsskethbg.jpg);    background-repeat: no-repeat;    height: 100vh;    background-position: bottom;}*/
.login-box .card, .register-box .card {    margin-bottom: 0;    background: none;    color: #fff;     box-shadow: none;}
.login-card-body .input-group .input-group-text, .register-card-body .input-group .input-group-text {    background-color: #30386f;    color: #fff;}
.login-card-body, .register-card-body { background-color: #ccc0!important;    color: #000;}
.login-box .btn-primary {    color: #fff;    background-color: #30386f;    border-color: #30386f;    box-shadow: none;}
.login-box .icheck-primary {    text-align: left;}
.mb-1 a {      color: #00000094 !important;    text-align: left;    display: block;    margin-top: 12px;    border-top: 1px solid #cccccc6e;    padding: 4%;}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active {    background-color: #eee6eb!important;    color: #000!important;}
a.mn-link {    color: #fff !important;}
/*.sidebar a {    color: #000000 !important;}*/
/*.nav-pills .nav-link {    color: #fff;    background-color: #040404;}*/

.brand-link span{ color: rgb(255 255 255 / 97%);    font-size: 15px !important;    font-weight: 600 !important;}

.content-wrapper.iframe-mode .tab-empty { display: block; padding:1%;}
.small-box>.small-box-footer {    padding: 3px 12px 3px 3px;    text-align: right;}

/*.col-md-6{ float:left;}*/
.user-panel .info a { color: #d7d7d7 !important;    text-transform: capitalize;    letter-spacing: 0px;    font-size: 14px;    font-weight: 500;}

.whitebg{ background:#fff!important;}
.pinkbg{ background:#ffeb3b!important;}
.lightashbg1{ background:#f9f9f9;}
.lightashbg2{ background:#e5e5e5;}
footer.main-footer a {    color: #000;}
.sidebar-dark-primary {   background: #000638;}
.content-header a {  color: #000;}
.brand-link {    background: #000638; padding: 20px 0px 20px 30px;} .brand-link  a{ color:#fff;}
.nav-sidebar > .nav-item {1px solid #ad650e}
.nav-item small {    margin-left: 33px;    display: block; }
.nav-link {    color: #c2c7d0;   /* margin-left: 30px; */   line-height: 18px;}
.subnav{ margin-left: 30px;     color: #ffff !important;}
.sidebar .user-panel {    border-bottom: 1px solid #ffffff4a;}
.content-wrapper {    background-color: #1a1f4c0d;}
.content-header h1 {font-size: 18px;    font-weight: 500;    color: #000638;    line-height: 32px;}
.content-header {  padding: 5px 10px;}
.content-header .breadcrumb {  font-size: 14px!important; font-weight: 500!important;}


.pad2{ padding:2%;}

/*.bg-danger {    background-color: #00bcd461!important;}*/
.bg-warning {    background-color: #02b1ff!important;}
.bg-success {    background-color: #ee6b6a!important;}
.bg-info {    background-color: #43c18e!important;}
/*.subnav .fa-angle-left:before {
    content: "\f104";
    margin-right: 23px;
}
*/
/*.subnav .right {
    position: absolute;
    right: 1rem;
    top: -6px;
}*/

/*nav nav-pills*/

.nav-treeview {    background: #ab5d00 !important}
.subnav-inner {  background: #1a1f4c !important;    text-transform: capitalize;    letter-spacing: 0px;    font-weight: 500;}
.nav-treeview>.nav-item>.nav-link.active {    background-color:#f44336!important;    color: #343a40;}

.nav-pills { text-transform: capitalize;
    letter-spacing: 0px;
    font-size: 14px;
    font-weight: 500;}
.nav-link.active {    color: #fff!important;      background-color: #000000!important;  }

.navbar-light .navbar-nav .nav-link {    color: rgb(0 0 0)!important; }

/*.navbar-nav a.nav-link {background-color: #000;    border-radius: 20px;    color: #fff!Important;   line-height: 22px;    font-weight: 600;}*/

.select2-purple .select2-selection__choice {  background-color: #f9b666!important;      border-color: #f3f3f3!important;      color: #000!important;  }

.tab-content h2 {    font-size: 20px;    font-weight: 600;    padding: 10px 0;}

.form-group {    margin-bottom: 10px;}
label {      font-size: 14px !important;  font-weight: 600!important; }

line {    border: 1px solid #ededed;    width: 100%;    display: block;    margin: 14px 0px;}
linedot{    border: 2px dashed #ededed;    width: 100%;    display: block;    margin: 25px 0px;}

.btn-app {
    border-radius: 3px;
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    color: #6c757d;
    font-size: 12px;
    height: auto;
    margin: 1px;
    min-width: 60px;
    padding: 5px;
    position: relative;
    text-align: center;
	float:left;
}
.modal-xl {
    max-width: 80%;
    position: absolute;
    margin: 0;
    top: 0;
    right: 0;
    height: 100vh;
    max-height: 100v !important;
}

.modal-dialog {    position: absolute;    width: 80%;	max-width: 80%;    top: 0;    right: 0;    margin: 0px !important;    border-radius: 0px;    min-height: 100vh;}
.modal-content {    min-height: 100vh; width: 100% !important;}
.modal-body {    max-height: 100% !important;  max-width: 100% !important; /*overflow-x: unset !important;     overflow-y: unset !important;*/}
.modal-title {    font-weight: 600;}


.page-item.active .page-link {    color: #565656!important;    background-color: #e3e3e3!important;    border-color: #e3e3e3!important;}

.fa-trash { color:#f44336;}
.fa-edit {    color: #000638;}
/*.fa-eye {    color: #000638;}
*/
.alert-success {
    color: #000;
    background-color: #a4ffb96e;
    border-color: #ffffff;
}

.page-link {    color: #000000;}

/*.form-control {    height: calc(2rem + 0px)!important;     padding: 0.375rem 0.75rem!important; }*/
.table td, .table th {    padding: 0.5rem!important; }
.table thead th {    font-size: 14px !important;}

.card-header {  padding-bottom: 0px !important;}



@media only screen and (min-width: 320px) and (max-width: 480px) {

.flex {
    flex-direction: column;
}
}