/* By Ahmed Gad */
/* New Grid Style */
.fixRow .row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.breadcrumb-line, .fixRow .col, .fixRow .col-1, .fixRow .col-10, .fixRow .col-11, .fixRow .col-12, .fixRow .col-2, .fixRow .col-3, .fixRow .col-4, .fixRow .col-5, .fixRow .col-6, .fixRow .col-7, .fixRow .col-8, .fixRow .col-9,
.fixRow .col-auto, .fixRow .col-lg, .fixRow .col-lg-1, .fixRow .col-lg-10, .fixRow .col-lg-11, .fixRow .col-lg-12, .fixRow .col-lg-2, .fixRow .col-lg-3, .fixRow .col-lg-4, .fixRow .col-lg-5, .fixRow .col-lg-6, .fixRow .col-lg-7, .fixRow .col-lg-8, .fixRow .col-lg-9, .fixRow .col-lg-auto,
.fixRow .col-md, .fixRow .col-md-1, .fixRow .col-md-10, .fixRow .col-md-11, .fixRow .col-md-12, .fixRow .col-md-2, .fixRow .col-md-3, .fixRow .col-md-4, .fixRow .col-md-5, .fixRow .col-md-6, .fixRow .col-md-7, .fixRow .col-md-8, .fixRow .col-md-9, .fixRow .col-md-auto,
.fixRow .col-sm, .fixRow .col-sm-1, .fixRow .col-sm-10, .fixRow .col-sm-11, .fixRow .col-sm-12,
.fixRow .col-sm-2, .fixRow .col-sm-3, .fixRow .col-sm-4, .fixRow .col-sm-5, .fixRow .col-sm-6, .fixRow .col-sm-7, .fixRow .col-sm-8, .fixRow .col-sm-9, .fixRow .col-sm-auto,
.fixRow .col-xl, .fixRow .col-xl-1, .fixRow .col-xl-10, .fixRow .col-xl-11, .fixRow .col-xl-12, .fixRow .col-xl-2, .fixRow .col-xl-3, .fixRow .col-xl-4, .fixRow .col-xl-5, .fixRow .col-xl-6, .fixRow .col-xl-7, .fixRow .col-xl-8, .fixRow .col-xl-9, .fixRow .col-xl-auto {
    padding-right: 15px;
    padding-left: 15px;
}

.nw-st-input .k-textbox{
  height: 40px;
  box-shadow: 0 0 6px -3px #555 !important;
  border-radius: 5px;
}

.nw-st-input .k-numerictextbox, .nw-st-input .k-numeric-wrap{
  height: 40px;     
  border: none !important;
  border-radius: 5px !important;
  display: flex;
  align-items: center;
  background: #fff !important;
}

.nw-st-input .k-numerictextbox{
  box-shadow: 0 0 6px -3px #555;
  overflow: hidden;
}

.nw-st-input .k-numeric-wrap{
  width: 100% !important;
}

.nw-st-input .k-numerictextbox .k-link{
  width: 100%;
}

.nw-st-input .k-numeric-wrap .k-select{
  display: flex;
  flex-wrap: wrap;
  align-content: space-around;
}

.grid-kts-ad .table-responsive .dataTables_wrapper .row:nth-of-type(2) {
    height: auto;
    box-shadow: 0 0 6px -3px #555;
    border-radius: 5px;
    min-height: 220px;
    max-height: 350px;
    overflow-y: scroll;
}

.grid-kts-ad .table-responsive .dataTables_wrapper .row:nth-of-type(2) > div{
    padding: 0 !important;
}

.btts-grp-addt {
    position: absolute;
    right: 0 !important;
    left: auto;
    width: auto;
    top: 75px;
}

.grid-kts-ad .table-responsive .dataTables_wrapper .row:nth-of-type(1) {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin: 20px 0;
}

.grid-kts-ad .table-responsive .dataTables_wrapper .row:nth-of-type(1) > div {
    width: auto;
    max-width: auto !important;
    flex: inherit;
    padding-left: 0;
}

.grid-kts-ad .table-responsive .dataTables_wrapper .row:nth-of-type(1) .dataTables_length{
    margin: 0 !important;
    width: 174px;
    display: flex;
}

.grid-kts-ad .table-responsive .dataTables_wrapper .row:nth-of-type(1) .dataTables_length label{
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 15px;
}

.grid-kts-ad .table-responsive .dataTables_wrapper .row:nth-of-type(1) .dataTables_length label .form-control {
    border: none !important;
    box-shadow: 0 0 6px -3px #555;
    border-radius: 5px;
    margin: 0 7px;
    width: 73px;
}

.grid-kts-ad .table-responsive .dataTables_wrapper .row:nth-of-type(1) .dataTables_filter{
    margin: 0 !important;
}

.grid-kts-ad .table-responsive .dataTables_wrapper .row:nth-of-type(1) .dataTables_filter label{
    width: 264px;
    margin: 0;
    display: flex;
    align-items: center;
    font-size: 15px;
}

.grid-kts-ad .table-responsive .dataTables_wrapper .row:nth-of-type(1) .dataTables_filter label .form-control{
    border: 0 !IMPORTANT;
    box-shadow: 0 0 6px -3px #555;
    border-radius: 5px;
    margin: 0 13px;
    margin-right: 0 !IMPORTANT;
    padding: 4px;
    height: 35px !important;
}

.grid-kts-ad .table-responsive .dataTables_wrapper .row:nth-of-type(1) .dataTables_filter label::after{
    left: auto;
    right: 15px;
    color: #03A9F4!important;
    font-size: 15px;
    top: 16px;
}

.grid-kts-ad .table-responsive .dataTables_wrapper .row:nth-of-type(3){
    align-items: center;
    margin-top: 15px !important;
}

.grid-kts-ad .table-responsive table .edit, .grid-kts-ad .table-responsive table .delete {
    border-radius: 5px;
    color: #fff !important;
}


.upload-images .legitRipple::after {
    content: "Upload";
    display: flex;
    POSITION: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    right: 0;
    align-items: center;
    justify-content: center;
    /* background: black; */
    background-color: #03a9f4;
    font-size: 1.2em;
}

.upload-images .p-c-img-larg {
    border: none;
    box-shadow: 0 0 6px -3px #555;
    outline: none;
    padding: 0;
    background: transparent;
}

.grid-kts-ad .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}

.grid-kts-ad .container-fluid .row:last-of-type{
    margin-right: -15px !important;
    margin-left: -15px !important;
}

.grid-kts-ad .container-fluid .paginate_button.page-item.next.disabled{
    padding-right: 0 !important;
}
header.navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header.navbar .navbar-collapse {
    align-items: center;
    justify-content: flex-end;
}

header.navbar .navbar-collapse .navbar-nav{
    margin: 0 !important;
}

.page-header .page-header-content.header-elements-md-inline {
    display: none !important;
}

.content{
    padding: 15px;
}

.img-st-group {
    width: 165px;
}

.img-st-display {
    max-height: 55px;
    width: 140px;
}

.main-navbar-ds {
    padding-right: 15px !important;
    padding-left: 15px !important;
    display: flex;
    justify-content: space-between;
    position: fixed;
    width: 100%;
    left: 0;
    background: #fff !important;
    z-index: 55555;
    box-shadow: 0 0 6px -3px #000;
    align-items: center;
}

.main-navbar-ds .header-dds {
   background: transparent;
   width: auto;
}

.main-navbar-ds:before,
.main-navbar-ds:after{
    display: none !important;
}

.content-top-main {
    padding-top: 80px;
    padding-right: 0 !important;
    padding-left: 0 !important;
    background: #fff;
}

.sp-footer i{
    margin-right: 1rem;
}

.sp-footer{
    margin: 0 10px;
    color: #000;
}
.footer-main {
    background: #fff !important;
    overflow: hidden;
    margin: 0 !important;
    width: 100%;
    padding: 0 15px;
    height: auto !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.title-steps-main {
    text-align: center;
    font-size: 1.15em;
    font-weight: 500;
    color: #0a0a0a;
}
.title-steps-main i{margin-right: 5px;}
.div-steps-d .wizard-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
}

.div-steps-d .wizard-inner  .nav-tabs{
    display: flex;
    justify-content: center;
    align-items: center;
}

.div-steps-d .wizard-inner  .nav-tabs li {
    margin-right: 8px;
    float: none;
}

.div-steps-d .wizard-inner  .nav-tabs > li a{
    width: auto;
    height: auto;
    display: block;
    position: relative;
}

.div-steps-d .wizard-inner  .nav-tabs > li a .round-tab{
    width: 45px;
    height: 45px;
    position: static !important;
    justify-content: center;
    display: flex;
    align-items: center;
    border: none;
    box-shadow: 0 0 6px -3px #000;
    color: #fff !important;
}

.div-steps-d .wizard li.active:after {
    left: 13px !important;
}

.div-steps-d .wizard-inner > .btn{
    height: 45px;
    border: none;
    padding: 0;
    width: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
}

.div-steps-d .wizard-inner .nav-tabs li:first-of-type {
    margin-left: 8px;
}

.div-steps-d .wizard-inner > .btn i{
    font-size: 1.2em !important;
    margin-top: 0 !important;
    position: static !important;
    top: 0 !important;
}

.line-heading{
    padding: 0 15px;
    margin-bottom: 2rem;
}

.headign-txt-tab {
    color: #6d6d6d;
    font-weight: bold;
    margin-bottom: 0;
}

.div-steps-d .divSquare {
    box-shadow: 0 0 6px -3px #0005;
    border-radius: 5px;
    margin: 0;
}

.mb-3{
    margin-bottom: 2rem;
}

.main-log-control {
    padding-top: 3.5rem;
}

.main-log-control .divSquare {
    height: 310px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    border: none;
    box-shadow: 0 0 6px -3px #000;
    overflow: hidden;
    border-radius: 5px;
    margin: 0;
    transition: all linear 0.2s;
}

.main-log-control .TheElement {
    position: relative;
    bottom: auto;
    top: auto;
    left: auto;
    right: auto;
    color: #283891;
    background-color: #ffffff;
    width: 100%;
    text-align: center;
    padding-top: 4px;
    font-size: 1.2em;
    padding: 10px 5px;
    border-top: 1px solid #dddd;
}

.main-log-control .divSquare:hover{
    transform: scale(.95);
}
.main-log-control .divSquare:hover .TheElement {
    color: #fff;
}
.main-log-control .TheElement:after{
    content: " ";
    display: block;
    width: 0%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #283891;
    transition: all linear 0.2s;
    z-index: 1;
}

.main-log-control .divSquare:hover .TheElement:after{
    width: 100%;
}

.main-log-control .divSquare .TheElement  span{
    position: relative;
    z-index: 2;
}

.header-main-style .navbar-nav a{
    display: flex;
    align-items: center;
    padding: 7px 15px !important;
}

.header-main-style .navbar-nav a i {
    margin-right: .6rem;
    font-size: 17px !important;
}
.header-main-style .navbar-nav a:hover{
    color: #fff !important;
    background: #2b43b8 !important;
}

@media (max-width: 991px){
    .main-div-style {
        width: 100%;
        display: flex;
    }
    .header-main-style .navbar-collapse.collapse.in {
        width: 150px !important;
        position: absolute;
        background: #fff;
        overflow: initial;
        top: 100%;
        left: 0px;
        height: auto !IMPORTANT;
        padding: 0;
        border: none;
    }
    .header-main-style .navbar-collapse.collapse.in .navbar-nav{
        width: 100%;
    }
}

@media (max-width: 513px) {
    .main-div-style .img-st-group{
        width: 145px;
    }

    .main-div-style .img-st-display{
        width: 180px;
    }
}

.div-steps-d .list-inline {
    padding: 0 15px;
}

.modal-backdrop.fade.in {
    z-index: 55555;
}


.modal.fade.in {
    z-index: 555555;
}

.login-pages-all{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pd-0 {
    padding: 0 !important;
}

.cc-tabs .btn{
    height: 40px !important;
}

.check-label-text .k-checkbox-label {
    display: flex;
    align-items: center;
    height: 30px;
    margin: 0;
    position: relative;
    font-size: 1.1em;
}

.check-label-text .k-checkbox-label:before, .check-label-text .k-checkbox-label:after{
    top: 7px !important;
}


@font-face {
    font-family: 'Sora';
    src: url('../fonts-web/Sora-Medium.woff2') format('woff2'), url('../fonts-web/Sora-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

p, span, a, div, label, h1, 
h2, h3, h4, h5, h6,
form, li, ul, form, button{
    font-family: 'Sora';
}

.nav-group-sub .nav-link {
    padding-left: 21px  !important;
}

.layoutAdmin_sidebar{

}


.publicStore_icon i:after, .ordersLink-icon i:after,
.catalogueLink-icon i:after, .itemsLink-icon i:after,
.categoriesLink-icon i:after, .storesLink-icon i:after, 
.setupLink-icon i:after, .columnsLink-icon i:after, .flowLink-icon i:after{
    content: " ";
    display: block;
    width: 22px;
    height: 22px;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    top: 0;
}
.publicStore_icon i, 
.ordersLink-icon i, .catalogueLink-icon i,
.itemsLink-icon i, .categoriesLink-icon i,
.storesLink-icon i, .setupLink-icon i, .columnsLink-icon i, .flowLink-icon i{
    width: 22px;
    height: 22px;
    margin: 0 !important;
    margin-right: 1.25rem !important;
    position: relative !important;
    display: block;
}
.publicStore_icon i:before,
.ordersLink-icon i:before, 
.catalogueLink-icon i:before, .itemsLink-icon i:before, 
.categoriesLink-icon i:before, .storesLink-icon i:before,
.setupLink-icon i:before, .columnsLink-icon i:before, .flowLink-icon i:before{
    display:none;
}


.publicStore_icon i:after {
    background-image: url(../img/Public-Store.png);
}
.ordersLink-icon i:after {
    background-image: url(../img/Ordres.png);
}
.catalogueLink-icon i:after {
    background-image: url(../img/Catalogue.png);
}
.itemsLink-icon i:after {
    background-image: url(../img/Items.png);
}
.categoriesLink-icon i:after{
    background-image: url(../img/Category.png);
}
.storesLink-icon i:after{
    background-image: url(../img/Stores.png);
}
.setupLink-icon i:after {
    background-image: url(../img/Setup.png);
}
.columnsLink-icon i:after{
    background-image: url(../img/Columns.png);
}
.flowLink-icon i:after{
    background-image: url(../img/Flow.png);
}

@media (min-width: 768px) {
    .sidebar-xs .sidebar-main .nav-sidebar > .nav-item > .nav-link > i {
        margin-right: 0 !important;
    }
}

.sd-block .h4 {
    padding-top: 20px;
    color: #1481cf;
    font-size: 24px;
}

.sd-block ul{
    overflow: inherit !important;
    overflow-y: scroll !important;
}

.li-ct-list{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.list-check-ct{
    display: flex;
    align-items: center;
}

.sd-block li .list-check-ct label {
    width: auto !important;
    margin: 0 0 0 1.5rem;
    padding: 0;
}

.login-dv-group {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 55555;
}

.full-page:after, .full-page:before{
    display: none !important;
}

.login-dv-group form{
    margin: 0 !IMPORTANT;
    display: block;
    padding: 10px;
}
.login-dv-group .form-group.label-floating {
    margin: 0 !important;
}
.login-dv-group .form-group.label-floating .control-label {
    position: static !important;
    font-size: 1em !important;
    margin-bottom: 7px !important;
    font-weight: 400;
}
.login-dv-group .form-group.label-floating i {
    margin-right: .5rem;
}
.login-dv-group .form-group.label-floating input {
    padding: 5px;
    box-shadow: 0 0 6px -3px #000;
    border-radius: 5px !important;
    background: #fff !important;
}


.login-dv-group .form-group.label-floating .login{
    font-size: 1.1em;
    font-weight: 600;
    background: #fff;
    color: #201bae;
    border-radius: 5px;
    padding: 10px 20px;
     box-shadow: 0 0 6px -3px #000 !important;
}
.login-dv-group .form-group.label-floating .login:hover{
    color: #fff !important;
    background: #201bae !important;
}
.login-dv-group .form-group.label-floating .login i{
    margin-left: 1.5rem;
}

.logo-login-page{
    display: block;
    margin: auto;
}

@media (max-width: 450px) {
    .main-div-style .img-st-display, footer .img-st-display {
        width: 135px;
    }
    .sp-footer {
        margin: 0 10px;
        color: #000;
        font-size: .8em;
    }
}



.div-steps-d .form-group label.control-label, .div-steps-d .wizard h3, .link-a-footer {
    color: #13206e !important;
}

.div-steps-d .radio input[type=radio]:checked ~ .check {
    background: #13206e !important;
}

.div-steps-d .radio input[type=radio]:checked ~ .circle {
    border-color: #13206e !important;
}