body{
	font-family: 'Mulish', sans-serif;
   }      

   @font-face {
	font-family: PlantagenetCherokee;
	src: url(../font/PlantagenetCherokee.ttf) format("truetype");
  
  }
    /*Custom Css*/

.parsley-errors-list{
	list-style: none;
	padding-inline-start: 5px !important;
}

.parsley-errors-list li, .file-error{
	color: red;
	font-size: 12px;
	font-weight: 500;
}

.curser-pointer{
	cursor: pointer;
}

.select2-container .select2-selection--multiple {
    min-height: 38px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #10144f !important;
    border-color: #10144f;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #10144f !important;
    color: #fff;
}


/* 03-04-2023 */

aside.main-sidebar.sidebar-dark-primary{
    background: #10144f;
}


.main-header.navbar-light .navbar-nav .nav-link {
    color: #000000 !important;
}

aside.main-sidebar span.brand-text {
    font-family: PlantagenetCherokee;
    font-size: 20px;
    letter-spacing: 0.7px;
}

aside.main-sidebar a.brand-link {
    display: flex;
    align-items: center;
}

.content-header h1 {
    font-size: 2rem;
    font-family: PlantagenetCherokee;
    color: #10144f;
}

a.btn.btn-default {
    color: #10144f;
    border: 1px solid #10144f;
}

.btn-primary {
    color: #fff;
    background-color: #10144f;
    border-color: #10144f;
    box-shadow: none;
}

.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6;
    color: #101c50;
    vertical-align: middle !important;
    font-weight: 600;
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover {
    background-color: #CFA566;
    color: #ffffff;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #CFA566;
    color: #fff;
}

.dashboard_inner .info-box {
    flex-direction: row-reverse;
    align-items: center;
    padding: 25px 25px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

.dashboard_inner .info-box:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #ffffff6b;
    left: -9px;
    bottom: -28px;
}

.dashboard_inner .info-box:before {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    background: #ffffff6e;
    top: -12px;
    right: -9px;
    border-radius: 50%;
}

.dashboard_inner .info-box.light-yellow {
    background: #ffc107;
}

.dashboard_inner .info-box.light_blue {
    background: #007bff;
}

.dashboard_inner .info-box.yellow {
    background: #FF9F43;
}

.dashboard_inner .info-box.sky-blue {
    background: #00CFE8;
}

.dashboard_inner .info-box.blue {
    background: #1B2850;
}

.dashboard_inner .info-box.green {
    background: #28C76F;
}

.dashboard_inner .info-box.red {
    background: #ea5455;
}

.dashboard_inner .info-box-content {
    flex-direction: column-reverse !important;
    padding: 0;
}

.dashboard_inner .info-box-content span.info-box-number {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0;
    color: #ffffff;
    line-height: 30px;
}

.dashboard_inner .info-box-content span.info-box-text {
    font-size: 16px;
    color: #ffffff;
}

.dashboard_inner  span.info-box-icon{
    width: auto;
    background: transparent !important;
    padding: 0;
}

/* login_css */

.dx_login_section {
    width: 100%;
}


.dx_login_section .card-body label {
    display: block;
    width: 100%;
    font-size: 13px;
    color: #10144f;
    font-weight: 600 !important;
}

.dx_login_section .input-group {
    margin-bottom: 20px;
}

.dx_login_section a.forgot_password {
    color: #10144f;
    font-size: 14px;
    font-weight: 700;
    margin-top: 10px !important;
    display: block;
}

.dx_login_section p.login-box-msg {
    font-size: 1.8rem!important;
    text-align: left;
    padding: 0;
    font-weight: 700;
    margin-bottom: 10px;
}

.dx_login_section .card-header {
    border: none;
}

.dx_login_section .card-header a img {
    width: 210px;
}


.dx_login_section svg.absolute.inset-0.pointer-events-none.ng-tns-c122-0 {
    opacity: 0.2;
    position: absolute;
    width: 100%;
    left: 0;
    object-fit: contain;
    bottom: 0;
}

.dx_login_section svg.absolute.-top-16.-right-16.text-gray-700.ng-tns-c122-0 {
    position: absolute;
    right: 0;
    top: 0;

}

.dx_login_section .login_right_box {
/*    background: #10144f !important;*/
    width: 100%;
    min-height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 120px;

}

.dx_login_section .login_right_box > div {
    position: relative;
    z-index: 99;
}

.dx_login_section .login_right_box > div  h4 {
    font-size: 2.5rem;
    font-family: PlantagenetCherokee;
    color: #ffffff;
    line-height: 2.5rem;
    font-weight: 700;
}

.dx_login_section .login_right_box > div p {
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
}

.dx_login_section .card {
    width: 320px;
    margin-left: auto;
    background: #e9edef;
    box-shadow: none !important;
    border: none !important;
    padding: 10px;
    margin-right: 1.5rem;
}

.dx_login_section .sign-card-body{
    padding: 8px 1.25rem;
}

.dx_login_section .input-group-text span {
    color: #cea465;
}

   .login_section_left {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .dx_login_section .login_right_box {
  
}

.login-title {
    height: 45vh;
}






.btn-primary:hover {
    color: #fff;
    background-color: #cea465;
    border-color: #cea465;
}

.img-width{
    max-width: 100% !important;
    height: auto !important;
}

.table thead th{
    white-space: nowrap;
    color: #666;
font-size: 13px;
text-transform: uppercase;
font-weight: normal;
font-weight: 600;
}
.table tbody td{
    font-size: 14px;
    color: #000;
}

.status {

width: auto;
border-radius: 20px;
font-size: 11px;
font-weight: normal;
display: inline-block;
font-weight: 600;
text-transform: uppercase;
margin: auto;
text-align: center;
padding: 0.2rem 0.4rem;
white-space: nowrap;
}
.status.pending {
    background-color: #cfa5651f;
    border: 1px solid #af7011;
    color: #af7011
}

.status.verfied {
   background-color: #55ba9327;
    border: 1px solid #55ba93;
    color: #238b63
}
.status.initiated {
   background-color: #55ba9327;
    border: 1px solid #55ba93;
    color: #238b63
}

.status.success {
   background-color: #55ba9327;
    border: 1px solid #55ba93;
    color: #238b63
}

.status.failed {
   background-color: #f5d8df;
    border: 1px solid #DE3A60;
    color: #de3a60
}
.status.confirmed {
    background-color: #55ba9333;
    border: 1px solid #55ba93;
    color: #55ba93
}
.status.approved {
    background-color: #55ba9333;
    border: 1px solid #55ba93;
    color: #55ba93
}
.status.created {
    background-color: #55ba9333;
    border: 1px solid #55ba93;
    color: #55ba93
}
.status.complete{
    background-color: #55ba9333;
    border: 1px solid #55ba93;
    color: #55ba93
}
.status.default_part
{
    background-color: #00008014;
    border: 1px solid #000080;
    color: #000080;
}
.status.inprogress{
    background-color: #55ba9333;
    border: 1px solid #55ba93;
    color: #55ba93
}
.status.paid{
  background-color: #55ba9333;
    border: 1px solid #55ba93;
    color: #55ba93
}
.status.cancelled {
    background-color: #dc354529;
    border: 1px solid #dc3545;
    color: #dc3545
}
.status.partially {
    background-color: #dc354529;
    border: 1px solid #dc3545;
    color: #dc3545
}
.status.default {
    background-color: #dadada;
    border: 1px solid #dadada;
    color: #fff
}
.status.return {
   background-color: #1175ae29;
    border: 1px solid #1175ae;
    color: #1175ae
}

.page-item.active .page-link {
    background-color: #10144f;
    border-color: #10144f;
}
.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #10144f;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
footer.main-footer a {
    color: #10144f;
}
.modal .modal-header {
    background-color: #cfa565;
    justify-content: center;
}


.modal .modal-header .modal-title {
    color: #000;
    font-size: 1rem; 
    font-weight: bolder;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
}
.modal .modal-header .close {
    position: absolute;
    right: 0.8rem;
}
.modal .modal-body {
    background-color: #edf1e8!important;
    border-bottom-left-radius: 0rem!important;
    border-bottom-right-radius: 0rem!important;
}
.modal .modal-footer {
    background-color: #edf1e8!important;
    border-bottom-left-radius: 0rem!important;
    border-bottom-right-radius: 0rem!important;
}
.modal .modal-header .close {
    position: absolute;
    right: 30px;
    padding: 0;
    font-size: 30px;
    top: 27px;
    opacity: 1;
    color: #000;
    text-shadow: none;
}

.ajx-loader {
    background-color: rgba(0, 0, 0, 0.3);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    display: none;
}

.ajx-loader i {
    left: 50%;
    position: absolute;
    top: 50%;
    font-size: 42px;
    color: #370236;
    transform: translate(-50%, -50%);
}



@media only screen and (max-width:1200px){
    .dx_login_section .login_right_box {
        padding: 0px 80px;
        }
.login-title {
    height: 35vh;
}
.dx_login_section .login_right_box > div  h4 {
    font-size: 2rem;
    line-height: 2rem;
}

}


@media only screen and (max-width:767px){
    .dx_login_section .login_right_box {
    padding: 0 20px;
}
.dx_login_section .login_right_box > div  h4 {
    font-size: 2rem;
    line-height: 2rem;
}
.dx_login_section .card {
    margin-right: auto;
}

}


.btn-confirm {
    background-color: #10144f !important; /* Green */
    border-color: #10144f !important;
    color: white;
    
  }
  
  .btn-cancel {
    background-color: #dc3545 !important; /* Red */
    border-color: #dc3545 !important;
    color: white;
  }
  
  .btn-confirm:hover {
    background-color: #10144f;
    border-color: #10144f;
  }
  
  .btn-cancel:hover {
    background-color: #c82333;
    border-color: #bd2130;
  }

.btn-confirm:focus {
      box-shadow: 0 0 0 3px rgba(220, 53, 70, 0.074) !important;  
  }