@font-face {
    font-family: jsr;
    src: url(../fonts/DINNextLTArabic-Light.ttf);
    /*src: url(../fonts/SST-Arabic-Medium.ttf);*/
}

@font-face {
    font-family: jsrbold;
    src: url(../fonts/DINNextLTArabic-Regular-3.ttf);
    /*src: url(../fonts/SST-Arabic-Bold.ttf);*/
}

/*haeder*/
* {
    -webkit-font-smoothing: antialiased;
}

body,
html {
    font-family: jsr,Arial,sans-serif,Helvetica;
}

body {
    /* background: linear-gradient(#0f366f6b, rgba(242, 242, 242)),
    url(../Images/side_ornament2.png); */
    /*background: linear-gradient(rgba(242, 242, 242,0.9),#0f366f6b), url(../Images/side_ornament2.png);
    background-repeat: no-repeat;
    background-position-x: left;
    background-attachment: fixed;
    overflow-y: scroll;*/
    /*color: #383838 !important;
  font-weight: 400;*/
    /*letter-spacing:1px;*/
    background-color:#fafafa;
}

.dirn-rtl-ip,
.dirn-rtl-tab {
    direction: rtl !important;
}

.dirn-ltr-ip,
.dirn-ltr-tab {
    direction: ltr !important;
}

.dirn-ltr-ip-icon {
    direction: ltr;
    background-position: right .75rem center !important;
    padding: 0.375rem 0.75rem 0.375rem 0.75rem !important;
}

.dirn-ltr-date-ip {
    direction: ltr;
    padding: 0 !important;
}

.dirn-ltr-date-icon {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.cus-mod-cls-btn {
    font-size: .85rem;
    font-weight: 600;
    color: #fff !important;
    opacity: 1 !important;
    margin-right: 0 !important;
}

.primary-color-val {
    color: #0f366f;
}

.width48per {
    width: 48%;
}

.bgc-fff {
    background-color: #fff;
}

.bgc-efdfcd {
    background-color: #efdfcd;
}

.bgc-f9f9f9 {
    background-color: #f9f9f9;
}

.bgc-85A883 {
    background-color: #85A883
}

.bgc-D6E5D6 {
    background-color: #D6E5D6;
}

.marTop3em {
    margin-top: 3em;
}

.marTop1em {
    margin-top: 1em;
}
.mr-top-6rem {
    margin-top: 6rem;
}
.padBottom-half-rem {
    padding-bottom: .5rem;
}

.brTopLeftRds-dot-4rem {
    border-top-left-radius: .4rem;
}

.lgnSptChkr {
    color: red;
    padding-top: 5px;
}

.lgnMultiLogMsg {
    color: Red;
    padding-top: 5px
}

.lgnLogoCtnr {
    width: 100%;
    margin: 5% auto 0 auto;
    text-align: center;
    display: block;
}

.lgnLogoCtnrImg {
    width: 14rem;
}

.bgc-8D7748 {
    background-color: #8D7748;
}

.txtcolor-eee {
    color: #EEEEEE;
}

.wregHdr {
    background: #E6DFCD;
    color: #333;
    border-radius: .2rem;
}

.wregHdrSa {
    background-color: #647f67;
    color: #fff;
    border-radius: .2rem;
}

.wregHdrSaBtns {
    position: relative;
    right: 2em;
    text-align: right;
}

.wregHdrSaTfootTd {
    display: none;
    border: #85A883 thin solid
}

th,
td {
    text-align: center;
}

.header-text-props {
    font-size: 1rem !important;
    padding: 0.2rem 1.5rem;
}

.value-text-props {
    font-size: 0.815rem !important;
}

.label-text-props {
    font-size: 1rem !important;
}

.table > thead > tr > th {
    color: #212529 !important;
    font-size: .825rem !important;
    font-weight: 600 !important;
    vertical-align: middle !important;
    text-align: center;
}

.table > tbody > tr > td {
    color: #212529 !important;
    font-size: .825rem !important;
    font-weight: 400 !important;
    vertical-align: middle !important;
    text-align: center;
}

.table > thead > tr:last-child > th:first-of-type {
    border-top-right-radius: .5rem;
}

.table > thead > tr:last-child > th:last-of-type {
    border-top-left-radius: .5rem;
}

.table > tbody > tr:last-child > td:first-of-type {
    border-bottom-right-radius: 0.5rem;
}

.table > tbody > tr:last-child > td:last-of-type {
    border-bottom-left-radius: 0.5rem;
}

table.dataTable thead th, table.dataTable tfoot th {
    font-weight: 600;
}

table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
    text-align: center !important;
}

.tblColWidth5 {
    width: 5%;
    word-break: break-word;
}

.tblColWidth6 {
    width: 6%;
    word-break: break-word;
}

.tblColWidth7 {
    width: 7%;
    word-break: break-word;
}

.tblColWidth8 {
    width: 8%;
    word-break: break-word;
}

.tblColWidth9 {
    width: 9%;
    word-break: break-word;
}


.tblColWidth10 {
    width: 10%;
    word-break: break-word;
}

.tblColWidth11 {
    width: 11%;
    word-break: break-word;
}

.tblColWidth12 {
    width: 12%;
    word-break: break-word;
}

.tblColWidth14 {
    width: 14%;
    word-break: break-word;
}

.tblColWidth15 {
    width: 15%;
    word-break: break-word;
}

.tblColWidth16 {
    width: 16%;
    word-break: break-word;
}

.tblColWidth17 {
    width: 17%;
    word-break: break-word;
}

.tblColWidth18 {
    width: 18%;
    word-break: break-word;
}

.tblColWidth20 {
    width: 20%;
    word-break: break-word;
}

.tblColWidth22 {
    width: 22%;
    word-break: break-word;
}

.cardbody_border {
    border: 1px solid #ccc;
}

.sel-form-ctrl-pad,
.form-selbox-pad {
    padding: 0.25rem 0.5rem !important;
    font-size: .815rem !important;
}

.FromDateIconCls,
.ToDateIconCls {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.loadingNone {
    display: none !important;
}


.loadingBlock {
    display: block !important;
}

/*navbar*/

.client_db_body {
    padding: 0px;
    background-color: #fff;
}

.cardbody_border {
    border: 1px solid #ccc;
}
.client_logo{
    display:flex;
    align-items:center;
    justify-content:center;
}
.client_logo img {
    width: 10em;
    height: auto;
    display:block;
}
.client_db_header {
    padding-top: 1px;
    padding-bottom: 0px;
    background: #54585a;
    color: #fff;
    border-radius: .5rem .5rem 0 0 !important;
}

.client_db_table tbody tr td {
    padding: 0px !important;
}

.profileData {
    font-size: .85rem;
    text-align: left;
    width: auto;
    height: 20px;
    margin: 0.2rem 0.2rem 0.5rem 1rem;
}

.UseProfileDropdownBtn,
.UseProfileDropdownBtn:hover,
.UseProfileDropdownBtn:focus {
    color: #54585a;
    font-size: 1.2rem;
    box-shadow: none;
    text-decoration: none;
    padding: 1em 0px;
    margin-left: 1rem;
}

.UseProfileDropdownBtnMain {
    border: none;
    outline: none;
    background: transparent;
    text-align: left;
    margin-bottom: 0px;
}

    .UseProfileDropdownBtnMain li {
        list-style-type: none;
        padding-left: 2.5rem;
    }

    .UseProfileDropdownBtnMain:before {
        position: relative;
        /*top: .5rem;
  left: 1rem;*/
    }

.UseProfileDropdownBtn:after {
    position: relative;
    left:.3em;
    /*top:-.5rem;*/
}


.dropdown-toggle::after {
    margin-left: 0px !important;
}

.UseProfileDropdown {
    font-size: .85rem;
    width: auto;
    right: auto;
    left: 0;
    top: 3em;
    padding: 0;
    border: none;
    border-radius: .5rem !important;
    line-height: 1.5rem;
}
    
    /*.UseProfileDropdown a {
        border-radius: .5rem;
    }*/

        .UseProfileDropdown a:hover {
            background-color: #54585a;
            color: #fff;
        }

.muliti-row-navbar {
    background: rgba(225,225,225,0.5);
    /* background: rgb(170, 184, 203); */
    /*width: 90%;*/
    margin: 0 auto;
    border-radius: 0 0 15px 15px;
    /*box-shadow: rgb(17 17 26 / 10%) 0px 8px 24px, rgb(17 17 26 / 10%) 0px 16px 56px, rgb(17 17 26 / 10%) 0px 24px 80px;*/
    box-shadow: rgba(17,17,26,0.1) 10px 4px 10px, rgba(17,17,26,0.1) -10px 4px 12px, rgba(17,17,26,0.1) 8px 4px 14px;
    border: 0.5px #fefefe solid;
}

.mob_muliti-row-navbar {
    background: #fff;
    border-bottom: 4px solid #8c8c8c;
    padding: 0.1rem 1rem;
}

.mob_page_UseInfo {
    color: #333;
}

.logodiv {
    width: 150px;
    margin-right: .5em;
}

    .logodiv a img {
        width: 100%;
    }

.nav-link {
    padding: 0.1rem;
    transition: ease;
}



.NavMenu {
    position: relative;
    top: 1.1rem;
    margin: 0 auto 0 auto;
}

.navbar-expand-lg .navbar-nav .nav-link {
    outline: none;
}
.muliti-row-navbar .navbar-toggler {
    border: 2px solid #152850;
    box-shadow: none;
}

.muliti-row-navbar .navbar-toggler i {
    color: #152850;
}
.NavMenu li {
    padding: 1rem 1.5rem;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    transition: all 0.9s;
}

.usermenu-dropdown li {
    padding: 0px;
    /*border-bottom: 1px solid #8191b1;*/
    margin: 0 !important;
}

    .usermenu-dropdown li:last-child {
        padding: 0px;
        border-bottom: 0;
    }

.NavMenu li a {
    /*color: #152850;*/
    color: #54585a;
    font-size: 0.85rem;
    transition: all 0.9s;
}

.NavMenu li:hover {
    /*background-color: #4a5978;*/
    background-color:#54585a;
    
}

    .NavMenu li:hover a {
        color: #fff;
        opacity: 0.9;
    }
.dropdown-menu li a:active {
    /*background-color: #4a5978;*/
    background-color: #54585a;
    Color: #fff !important;
}
/*nav.shift ul li a:hover:after {
    opacity: 1;
    visibility: visible;
    height: 100%;
    color: #fff;
}*/

.NavMenu li:hover a:after {
    color: #fff;
}

/* for menu back-ground */
/*nav ul li a,
nav ul li a:after,
nav ul li a:before {
  transition: all 0.5s;
}*/

/*nav.shift ul li a {
    position: relative;
    z-index: 1;
}*/

/*nav.shift ul li a:hover {
  color: #15285091 !important;
}*/

/* nav.shift ul li a:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 1px;
  content: ".";
  color: transparent;
  visibility: none;
  opacity: 0;
  z-index: -1;
} */



/*nav.shift ul li a:focus:after {
  color: #fff !important;
}*/
/*for main-menu on-hover drop-down*/
/*.navbar-nav li:hover > .dropdown-menu {
    display: block;
}*/
/*for profile-menu on-hover drop-down*/


.dropdown-submenu {
    position: relative;
}

/* .dropdown-submenu > .dropdown-menu {
      top: 0;
      left: 100%;
      margin-top: -6px;
  } */
/*.dropdown .dropdown-menu {
    border-radius: 0;
}*/
.dropdown .dropdown-menu {
    transition: all 0.5s;
    overflow: hidden;
    transform-origin: top center;
    background-color:#fafafa;
    /*border:1px solid #d9d9d9;*/
    /*transform: scale(1, 0);*/
    /*display: block;*/ /*disable default height of submenu*/
}

.usermenu-dropdown {
    top: 100%;
    /*top: 2rem !important;
  right: 0%;*/
    right: 0;
    width: auto !important;
    padding: 0px;
    background: #54585a !important;
    /*border-top-left-radius: .5rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;*/
}

    .usermenu-dropdown li a,
.usermenu-dropdown li.dropdown-submenu ul li > a {
  color: #fff;
}
    .usermenu-dropdown li:first-child a {
        /*border-top-left-radius: .5rem;*/
    }

    .usermenu-dropdown li:last-child a {
        /*border-bottom-left-radius: .5rem;
        border-bottom-right-radius: .5rem;*/
    }

    .usermenu-dropdown li:hover a,
    .usermenu-dropdown li.dropdown-submenu ul li:hover > a {
        color: #54585a;
        transition: all 0.5s;
    }

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.has-float-label input:focus,
.has-float-label textarea:focus,
.has-float-label select:focus {
    border-color: #2ca8b3;
    box-shadow: none;
}

.has-float-label .form-control:placeholder-shown:not(:focus) + * {
    font-size: 100%;
    margin-top: 4px;
}

.signin-input-field:focus {
    border-color: #0f366f !important;
}

.datepicker {
    z-index: 1200 !important;
}

.ui-menu {
    width: 28em !important;
    max-height: 190px !important;
    overflow-y: scroll;
    overflow-x: hidden;
    width: auto;
}

.ui-menu-item div {
    border-bottom: 1px solid #d4d4d4;
}

    .ui-menu-item div:hover {
        background-color: #e9e9e9;
        color: #333;
        outline: none;
        border-left: none;
        border-right: none;
        border-top: none;
        border-bottom: 1px solid #d4d4d4;
    }

.datepicker td,
.datepicker th {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.85rem;
}

.client_db_header_icons {
    /*padding-right: 1em;*/
    display: flex;
    /*align-items: center;*/
    padding: 0.5rem;
    /*margin-left: 100px;*/
}

.logout-icon {
    position: relative;
    font-size: 1.2rem;
    color: #fff;
    cursor: pointer;
}

    .logout-icon a {
        color: #54585a;
    }

/*.main-grid-view {
  margin-top: 10rem;
  padding-bottom: 0.5rem;
}*/
.main-grid-view {
    margin-top: 10rem;
    margin-bottom: 2rem;
}

.card-main-container {
    border-radius: 1rem;
    /*box-shadow: rgba(17,17,26,0.1) 0px 8px 24px, rgba(17,17,26,0.1) 0px 16px 56px, rgba(17,17,26,0.1) 0px 24px 80px;*/
    /*box-shadow: rgba(17,17,26,0.1) 4px 6px 14px, rgba(17,17,26,0.1) -4px -6px 26px, rgba(17,17,26,0.1) 4px 4px 36px;*/
    box-shadow: rgba(15,54,111,0.1) 4px 8px 10px, rgba(15,54,111,0.1) -4px 0px 14px, rgba(15,54,111,0.1) 4px 8px 28px;
}

.card-main-ctnr-box-sdw {
    box-shadow: rgba(15,54,111,0.1) 4px 8px 10px, rgba(15,54,111,0.1) -4px 0px 14px, rgba(15,54,111,0.1) 4px 8px 28px;
}

.main-grid-view-lgn {
    padding-top: 0rem;
    padding-bottom: 0.5rem;
}


.pad-all-0 {
    padding: 0rem 0rem 0rem 0rem;
}

.pad-y-pt15rem-px-pt5rem {
    padding: 0.1rem 0.5rem !important;
}

.txt-lt {
    text-align: left;
}

.txt-rt {
    text-align: right;
}

.ft-sz-pt-85rem {
    font-size: 0.85rem !important;
}

.ft-size-815rem {
    font-size: 0.815rem !important;
}

.BTVLine {
    width: 1px;
    border-left: 1px solid #dee2e6;
    position: relative;
    top: .3em;
}

.bdr-btm-1px {
    border-bottom: 1px solid #ececec;
}

.row-div-hover:hover {
    background-color: #edf1f8;
}

.row-pad {
    padding: 0.2rem 0.1rem 0.2rem 0.1rem;
}

.btns-row-container {
    padding: 1.5rem 0;
}

.sel-form-text {
    padding: 0rem 0.5rem !important;
}

.modal-header .close {
    /*padding: 1rem 0.5rem;
    margin: -1.3rem auto -1rem -1rem;*/
    border: none;
    border: 1px solid #dee2e6;
    border-radius: .3rem;
    width: 1em;
    line-height: .8em;
    padding: 0;
    margin: 0;
}

.STiLineBtn {
    background-color: #c2242b;
    color: #fff;
    padding: 0.15rem 0.5rem !important;
    font-size: 0.85rem !important;
    border: 1px solid #c2242b;
}

    .STiLineBtn:hover {
        background-color: #fff;
        color: #c2242b;
        border: 1px solid #c2242b;
    }

.pageNotFoundCls {
    margin: 216px 0px 0px 601px;
}

.approve-btn,
.UnAuthBtn {
    /*background-color: #0f366f;
    color: #fff;
    padding: 0.15rem 0.5rem !important;
    font-size: 0.85rem !important;
    border: 1px solid #0f366f;
    height: 35px;*/
    background: #D22630;
    border-radius: 4px;
    font-size: 0.85rem !important;
    color: #fff;
    padding: 0 .5rem;
    height: 40px;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
}

    .approve-btn:hover,
    .UnAuthBtn:hover {
        background: #c2242b;
        color: #fff;
        text-decoration: none;
    }

    .UnAuthBtn > span {
        position: relative;
        top: .3em;
    }

.cancel-btn {
    background: #cacdc3;
    border-radius: 4px;
    font-size: 0.85rem !important;
    color: #333;
    padding: 0 .5rem;
    height: 40px;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
}

    .cancel-btn:hover {
        background: #a3a7a8;
        text-decoration: none;
    }

table {
    margin-bottom: 0 !important;
}

.table th {
    font-size: .85rem;
    vertical-align: middle !important;
}

.table td {
    font-size: .825rem;
    /*vertical-align: middle !important;*/
}

.tab-approve-btn,
.tab-approve-btn:hover {
    background-color: #54585a;
    color: #fff;
    padding: 0px 0.5rem 0.2rem 0.5rem !important;
    font-size: 0.815rem !important;
}

.tab-cancel-btn,
.tab-cancel-btn:hover {
    /*background-color: rgba(77, 92, 121, 255);*/
    background-color: #898d90;
    color: #fff;
    padding: 0px 0.5rem 0.2rem 0.5rem !important;
    font-size: 0.815rem !important;
}

.clientdbtable_header {
    width: 100% !important;
    margin-bottom: 0 !important;
    border: none !important;
    /*width: 100%;*/
}

.cus-table-thead {
    background: linear-gradient(rgba(242, 242, 242, 0.9), #0f366f6b);
}

.clientdbtable_header thead tr th,
.clientdbtable_header tbody tr th {
    border-bottom: none !important;
    font-size: 0.85rem;
    padding: 3px 0px 3px 0px;
}

.clientdbtable_header tbody tr td {
    font-size: 0.815rem;
    padding: 0.2rem;
}

.column-border {
    border-bottom: 1px solid #dee2e6;
}

.statusbgcolor_tbody_blue {
    background-color: #a8d3fd !important;
}

.statusbgcolor_tbody_grey {
    background-color: #d4d4ff !important;
}

.statusbgcolor_tbody_lgrey {
    background-color: LightGray !important;
}

.statusbgcolor_tbody_white {
    background-color: White !important;
}

.detailsicon {
    font-size: 1rem;
}

.AccDetClass {
    padding-top: 0.5rem;
}

.DetailBtn {
    background-color: #54585a;
    color: #fff;
    padding: 0rem 0.5rem 0.2rem 0.5rem !important;
    font-size: 0.85rem !important;
    border: 1px solid #54585a;
}

    .DetailBtn:hover {
        background-color: #fff;
        color: #0f366f;
        border: 1px solid #54585a;
    }

.DetailRef {
    font-size: 0.85rem !important;
}

.modal-content {
    width: 90%;
    margin: 0px auto;
    border-radius: 0.5rem;
}

button.modal-dismis-btn {
    background-color: transparent;
    color: #fff;
    opacity: 1;
    font-size: 1.5rem;
}


.cus-modal-header {
    padding: 0.4rem 1rem;
    background: #54585a;
    color: #fff;
}

.ft-sz-pt-9rem {
    font-size: 0.9rem;
}

.white-clr {
    color: #fff;
}

.cus-mod-body-data {
    direction: ltr;
    max-height: 30em;
    overflow-y: auto;
    padding: 0.5rem;
    text-align: center;
}

.cus-modal-body p {
    margin-bottom: 0px;
}

.cus-modal-footer {
    padding: 0px;
    justify-content: space-around;
    background-color: transparent;
    border-top: 0;
    margin-bottom: 0.4rem;
}

.dashboard-hdr-card {
    border-radius: 15px 15px 0 0;
}

/*Login*/
.login-box {
    border-radius: 0 0 1rem 1rem;
    height: 50% !important;
}

.login-hdr-icons {
    padding: 0 1em;
    color: #ccc;
}

.login-hdr {
    padding: 0.2rem 0.5rem;
    margin-top: 30%;
    color: #fff;
    background: #54585a;
    border-radius: 15px 15px 0 0;
    height: 2.5em;
}

.login-hdr-lng-btn,
.login-hdr-lng-btn:hover {
    color: #fff;
    padding: 0.2rem 0.5rem;
    font-size: 1rem;
}

.login-logo-image {
    width: 100%;
}

.login-header-text {
    font-size: .85rem !important;
    padding: .5rem;
    margin: 0px auto;
    text-align: center;
    align-self: center;
}

.login-icon {
    font-size: 1.5rem;
    margin-left: 1rem;
    padding-top: 5px;
    color: #999;
}

.lgn_text {
    display: flex;
    font-size: 0.9rem !important;
}

.card {
    border: none;
}

.form-control {
    font-size: 0.8rem;
}

/*ProfileName txt*/

.profTxtC {
    color: #54585a;
    font-size: 0.85rem;
}

/*ChangePassword*/

.formresize {
    width: 60%;
    margin: 0px auto;
}

.chg-pwd {
    border: 1px solid #ccc !important;
    border-radius: 0.3em;
}

    .chg-pwd:focus {
        outline: 1px solid #ccc;
        box-shadow: 0 0 10px #719ece;
    }

.login_err_msg {
    color: Red;
    padding-top: 5px;
}

.login_succ_msg {
    color: green;
    padding-top: 5px;
}

/*PurchaseScreen*/
.pur_sub_block {
    background-color: #54585a;
}

.pur_sub_block_hdr {
    color: #ffffff;
    font-weight: normal;
    font-size: 0.90rem;
}

#loading {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    z-index: 99;
}

#loading-image {
    position: absolute;
    top: 40%;
    left: 45%;
    z-index: 100;
}

.grid-w70-m0auto {
    width: 70%;
    margin: 0 auto;
}

.grid-w75-m0auto {
    width: 75%;
    margin: 0px auto;
}

.grid-w80-m0auto {
    width: 80%;
    margin: 0px auto;
}

.grid-w90-m0auto {
    width: 90%;
    margin: 0px auto;
}

.table-btn {
    background-color: #cca13e;
    padding: 0px 0.5rem;
    font-size: 0.75rem;
    color: #fff;
}

.nopadding {
    padding: 0;
}

.table-btn:hover {
    background-color: transparent;
    border: 1px solid #cca13e;
    color: #cca13e;
}

.grid-w80-m0auto {
    width: 80%;
    margin: 0px auto;
}

.grid-w75-m0auto {
    width: 75%;
    margin: 0px auto;
}

.grid-w70-m0auto {
    width: 70%;
    margin: 0 auto;
    background-color: transparent;
}

.card-body {
    background-color: #fff;
    border-radius: 0 0 .5rem .5rem;
}

.pos-rel-left {
    left: 0.5rem;
}

.pos-rel-right {
    right: 0.2rem;
}

.bgc-ccc {
    background-color: #cccccc;
}

    .bgc-ccc label {
        margin-bottom: 0.2rem;
    }

/*TimeLine*/
. /*TimeLine*/
.timeline_table {
    /*background: url("../Images/CompanyLogo.jpg") no-repeat;*/
    background-position: right 0rem center;
    background-size: 10rem;
    padding-right: 1rem;
}

.STlTabScript {
    font-size: 0.80rem;
    margin-top: 2rem;
}

.STiLineTDLbl {
    width: 26%;
    padding: 0.3rem 1rem;
}

.STiLineTDVal {
    width: 42%;
    padding: 0.3rem 1rem;
}

.STiLineImgTd {
    width: 32%;
    background-color: White;
}

.STiLineImg {
    height: 75px;
    width: 150px;
}

.LineHight_1_Half_rem {
    line-height: 1.5rem;
}

/*TransactionByAccount*/
.TxnByAccTabContainer {
    width: 90%;
    margin: 0px auto;
    padding: 0px;
    background-color: #fff;
}

.TxnByAcc_table {
    font-size: 0.9rem;
    width: 99.9% !important;
    margin-bottom: 1em !important;
    border-bottom: none !important;
}

    .TxnByAcc_table.table-bordered thead th {
        border-left: 0px !important;
        border-right: 0px !important;
    }

    .TxnByAcc_table thead {
        padding-top: 1px;
        padding-bottom: 0px;
        background: #0f366f;
        color: #fff;
    }

        .TxnByAcc_table tbody tr td,
        .TxnByAcc_table thead tr th {
            padding: 2px 0px 2px 0px;
        }

/*TransactionByDate*/
.TxnByAccTabContainer {
    width: 90%;
    margin: 0px auto;
    padding: 0px;
    background-color: #fff;
}

.TxnByAcc_table {
    font-size: 0.83rem;
    /*width:99.9% !important;*/
}

    .TxnByAcc_table.table-bordered thead th {
        border-left: 0px !important;
        border-right: 0px !important;
    }

.contact-card-box {
    box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
}

.contact-card-box-hdr {
    margin-bottom: 0.8rem;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-weight: 600;
}

/* newly added */
.panel-box-main-div {
    box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
    border-radius: 15px 15px 15px 15px;
    height: 100%;
}

.dmcc_client_db_header {
    padding-top: 1px;
    padding-bottom: 0px;
    background: #E6DFCD;
    color: #1D3051;
    border-bottom: 1px rgba(29,48,81,0.10) solid;
    border-top-left-radius: .6rem;
    border-top-right-radius: .6rem;
}

.table-striped.CanWrnt tbody tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-striped.CanWrnt tbody tr:nth-of-type(even) {
    background-color: #fff;
}

.CanWrnt thead th {
    background: rgb(230, 223, 205);
    border-bottom: 1px solid #111111 !important;
}

.CanWrnt tfoot th {
    border: #E6DFCD thin solid;
}



.txt-ctr {
    text-align: center;
}

.BgColor-e6e6e6 {
    background-color: #e6e6e6;
}

.BgColor-f2f2f2 {
    background-color: #f2f2f2;
}

.bdr-btm-1px-ccc {
    border-bottom: 1px solid #ccc;
}

.dis-none {
    display: none;
}

.dis-flex {
    display: flex;
}

th.hide_column, td.hide_column {
    display: none;
}

/*Transactions report*/
.TxnByAcc_table {
    font-size: 0.90rem;
    width: 99.9% !important;
    margin-bottom: 1em !important;
    border-bottom: none !important;
}

    .TxnByAcc_table.table-bordered thead th {
        border-left: 0px !important;
        border-right: 0px !important;
    }

    .TxnByAcc_table thead {
        padding-top: 1px;
        padding-bottom: 0px;
        background: #0F366F;
        color: #fff;
    }

        .TxnByAcc_table tbody tr td,
        .TxnByAcc_table thead tr th {
            padding: 2px 0px 2px 0px;
        }

/*TransactionByDate*/
.TxnByAccTabContainer {
    width: 90%;
    margin: 0px auto;
    padding: 0px;
    background-color: #fff;
}

.TxnByAcc_table {
    font-size: 0.83rem;
    /*width:99.9% !important;*/
}

    .TxnByAcc_table.table-bordered thead th {
        border-left: 0px !important;
        border-right: 0px !important;
    }

.TxnDateExtBtnDiv {
    width: 20%;
    margin: 0px 10%;
    height: 1.5rem;
    position:relative;
    left:1rem;
}
.TxnAccExtBtnDiv {
    width: 90%;
    margin: 0px 5%;
    height: 1.5rem;
}
/*.statusbgcolor_tbody_blue {
    background-color: #A8D3FD;
}

.statusbgcolor_tbody_grey {
    background-color: #D4D4FF;
}*/

/*.statusbgcolor_tbody_lgrey {
    background-color: LightGray;
}

.statusbgcolor_tbody_white {
    background-color: White;
}*/
timelineProps {
    height: 600px !important;
    position: relative !important;
    bottom: 1em !important;
    margin-top: 1rem !important;
}

.PceTimeTable {
    background: #fff;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
    /* border-radius: 15px 15px 15px 15px; */
}

.PceTimeTable2 {
    background: #fff;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
    /* border-radius: 15px 15px 15px 15px; */
    margin-bottom: 0px;
}

.PceTimeTable tbody tr td {
    height: 20px;
    font-size: .70rem;
    vertical-align: middle;
    text-align: center;
    padding: 0px;
}

    .PceTimeTable tbody tr td:first-child {
    }

.table-col-nafaes-logo {
    padding: 0 !important;
}

.PceTimeTable2 tbody tr td {
    font-size: .70rem;
    padding: 0;
    vertical-align: middle;
    text-align: center;
}

    .PceTimeTable2 tbody tr td:first-child {
    }

.PceTimeTable2 thead th {
    padding: 0;
    font-weight: normal;
    border-bottom: none;
}

.table-bordered.PceTimeTable2 th {
}

.PceTimeTable2PrintBtn,
.PceTimeTable2PrintBtn:hover {
    background: #ddd;
    border: 1px solid #999;
    padding: 0.1rem 0.5rem;
    margin: 0.1rem auto;
    font-size: .75rem;
}

.PceTimeTable2lastBtn {
    background: #ddd;
    border: 1px solid #999;
    border-radius: .3rem;
    padding: 0.1rem 0.5rem;
    margin: 0.1rem auto;
    font-size: .75rem;
}

.cusIcon {
    cursor: pointer;
    color: blue;
}
/*-- Bootstrap v5.3.2 and jq datatable 1.13.7 related changes --*/
.table-bordered > :not(caption) > * > * {
    /* border-width: 1px; */
    border: 1px solid #dee2e6;
}

.table-bordered > :not(caption) > * {
    border-width: 0px;
}

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

    .dropdown:hover .dropdown-menu {
        transform: scale(1);
        display: block;
    }
}
/* Mobile Css start ---------- */
@media screen and (max-width: 768px) {

    .navbar-nav .nav-link.show {
        background-color: #54585a;
        color: #fff;
    }

    .muliti-row-navbar {
        /*width: 100%;*/
    }

    .NavMenu {
        position: relative;
        background: #f2f2f2;
        top: 0;
    }

        .NavMenu li {
            padding: 0;
            margin: .25rem 1rem;
        }

            .NavMenu li a {
                padding: .25rem;
            }

    .client_logo img {
        width: 8em;
        height: auto;
    }
    .main-grid-view {
        margin-top: 5rem;
        margin-bottom: 1rem;
    }
    .grid-w70-m0auto {
        width: 100%;
        margin: 0px auto;
    }
    .grid-w90-m0auto {
        width: 100%;
        margin: 0px auto;
    }
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }

    

    .logodiv {
        width: 100px;
    }

    .TxnByAccTabContainer {
        width: 100%;
    }


    .pad-lt-rt-0-mob {
        padding-right: 0px;
        padding-left: 0px;
    }

    .pad-rt-0-mob {
        padding-right: 0px;
    }

    .pad-lt-0-mob {
        padding-left: 0px;
    }

    .pad-lt-rt-half-rem {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .TxnByAcc_table tbody tr td,
    .TxnByAcc_table thead tr th {
        padding: 2px 0.3rem 2px 0.3rem;
    }

    .NavMenu {
        margin: 0;
    }

    .UseProfileDropdown {
        left: 0;
        right: auto !important;
    }

    .nav-collapse-div-mob {
        border-top: 1px solid #ccc;
        margin: 0.4rem 0;
    }

    .cusIcon {
        cursor: pointer;
        color: blue
    }

    .mob-tab-space {
        margin: 0.5rem 0px;
    }
    .BTVLine {
        display: none;
    }
}
/*Mobile End*/

/* Desktops and laptops ---------- */
@media screen and (min-width: 1224px) {
    /* styles */
}

/* Large screens ---------- */
@media screen and (min-width: 1824px) {
    /* styles */
}