﻿
html{ height:100%;}

body{ height:100%;  margin: 0px; padding: 0px;
  overflow-x:hidden; font-family: "Public Sans", sans-serif; }

  h1, h2, h3, h4, h5, h6{font-family: "Public Sans", sans-serif; font-weight: 500;}
  .font18{ font-size: 18px;} 

  .v-a-top{ vertical-align: top;} 
  .v-a-top strong{  font-weight: 700;}

.login_inner{ height: 100vh; color:#677294; font-weight:500; line-height:24px;  font-size:14px;  font-family: "Public Sans", sans-serif;} 
.login_bx_1 {
	background: #002f86;
	box-shadow: 5px 0px 25px -5px #909090;
}
 .login_form{ max-width: 370px;}
.login_bx_1 h1  {
	color: #ffc000;
	line-height: 62px;
	max-width: 780px;
	margin: 0 auto;
	font-weight: 700;
}
.logo_f img{ max-width: 200px;} .t_color3 {color: #051441;}
.btn {font-family: "Public Sans", sans-serif; font-size: 13px; font-weight: 500;
   color: #fff;
    background: #002f86; border: #002f86 1px solid;
    -webkit-box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1);
    box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1);
    display: inline-block;
    padding: 12px 42px;
    border-radius: 45px; 
   -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; text-transform: uppercase;}
.btn:hover{ background: #fff; color: #002f86; border: #002f86 1px solid;}
.font16{ font-size: 16px;} 
.link_lg_1 {display: inline-block; text-decoration: none; color: #002f86;}
.login_form .form-control{ box-shadow: none !important; height: 40px; font-size: 14px;} 
.login_form  .form-control::-moz-placeholder{color:#677294; opacity:.5;} 
.login_form  .form-control::placeholder{color:#677294; opacity:.5;} 
.login_bx_1 img{ max-width: 400px; width: 100%;} 

/*====================dashboard light mode css====================*/

body{color:#677294; font-weight:400; line-height:24px;  font-size:14px; font-family: "Public Sans", sans-serif; height: 100%;}

 .aside_left_part.collapse:not(.show) {display: block !important; width: 84px !important; opacity: 1 !important; visibility: visible !important;} 
 .aside_left_part.collapse:not(.show) .dropdown-menu { display: none;} 
 .aside_left_part.collapse:not(.show):hover .navbar-nav > li.dropdown > .dropdown-menu.show  { display: block;}

 .aside_left_part.collapse.show { width: 260px !important; opacity: 1 !important; visibility: visible !important;} 

 .aside_left_part.collapse:not(.show) .navbar-brand{ background: url(../images/logo_ic2.png) no-repeat center center; height: 35px; display: inline-block; width: 100%; background-size: 27px; }   
  
 .aside_left_part.collapse.show .navbar-brand { background: url(../images/logo_3.png) no-repeat left center; height: 35px; width: 100%; background-size: 215px; display: inline-block; }    

 .aside_left_part.collapse:hover .navbar-brand { background: url(../images/logo_3.png) no-repeat left center ; height: 35px; width: 100%; background-size: 215px; display: inline-block; }       

 .navbar-expand-lg .navbar-collapse{ margin: 0px 20px;}
 .aside_left_part{ position: fixed;  top: 0px; height: 100% !important; padding: 80px 0px 0px 0px; box-shadow: 0 .125rem .375rem 0 rgba(161,172,184,.12);  bottom: 0px; z-index: 9999; left: 0px; background: #fff;  transition: all 0.2s ease; -webkit-transition: all 0.2s ease; }  
 .aside_left_part .h_t_left{ height: 80px; padding: 0px 20px;}
 .aside_left_part .navbar{ overflow-y: auto; height: 100%;}
 .aside_left_part .navbar-brand img{ width: 100%; max-width:190px;}
 .aside_left_part .navbar-nav  li  .nav-link, 
 .aside_left_part .navbar-nav  li .dropdown-menu .dropdown-item{ color: #3B3E54; font-size:15px; font-weight:400;}
 .aside_left_part .navbar-nav > li{ margin-bottom:12px;}
 .aside_left_part .navbar-nav > li > .nav-link{ color:#677294 !important; padding:8px 12px!important;  display: flex; align-items: center; border-radius: 5px; font-weight: 400; position: relative;}
 .aside_left_part .navbar-nav > li > .nav-link:hover { color:#677294 !important; background: rgba(0,46,133,.03); }

 .aside_left_part .navbar-nav > li > .nav-link.active, 
 .aside_left_part .navbar-nav > li > .nav-link:focus{ color:#002f86 !important; background: rgba(0,46,133,.1) !important; } 
 .aside_left_part .navbar-nav > li > .nav-link.active:before{ content: "";
  position: absolute; background: #002f86;
  right: -20px; top: 0px; bottom: 0px;
  width: .25rem;
border-radius: .375rem 0 0 .375rem;}


 .aside_left_part .navbar-nav > li > .nav-link.dropdown-toggle:after{  content:"\f107"; margin-left:auto; border:none !important; font-family:'FontAwesome'; margin-left:auto; font-size:18px;} 
 .aside_left_part .navbar-nav > li  .dropdown-menu{ padding: 0px !important; border:none;  position:relative !important;  transition: all 0.4s ease; -webkit-transition: all 0.4s ease; left: 25px !important; top: 0px !important;} 
 .aside_left_part .navbar-nav  li .dropdown-menu .dropdown-toggle::after{content:"\f107"; margin-left:auto; border:none !important; font-family:'FontAwesome'; margin-left:auto; font-size:22px;} 
 .aside_left_part .navbar-nav  li .dropdown-menu .dropdown-item{ color:#677294 !important; padding:8px 12px!important;  display: flex; align-items: center; border-radius: 5px; } 
 .aside_left_part .navbar-nav  li .dropdown-menu .dropdown-item:hover{ color:#677294 !important; background: rgba(0,46,133,.03);  } 
 .aside_left_part .navbar-nav  li .dropdown-menu .dropdown-item:focus, 
 .aside_left_part .navbar-nav  li .dropdown-menu .dropdown-item.active{color:#002f86 !important; background: rgba(0,46,133,.1);} 


 .aside_left_part.collapse:not(.show) .navbar-nav > li > .nav-link{ font-size: 0px; justify-content: center;} 
 .aside_left_part.collapse:not(.show) .navbar-nav > li > .nav-link .fa{ font-size: 18px;} 
 .aside_left_part.collapse:not(.show) .navbar-nav > li > .nav-link.dropdown-toggle::after{ display: none;}
 .aside_left_part.collapse.show .navbar-nav > li > .nav-link .fa{ font-size: 18px; margin-right: 10px;} 

 .aside_left_part .close_link{ width: 38px; display: inline-flex; align-items: center; justify-content: center; height: 38px; border-radius: 50px; color: #fff; top: 24px; right: -19px; background: #002f86 !important; text-decoration: none; border: 7px solid #f5f5f9;} 
 .aside_left_part .close_link .fa{ position: relative; font-size: 18px; right: -.5px; top: -.7px;} 

 .aside_left_part.collapse:hover{ width: 260px !important;} 

 .aside_left_part.collapse:hover .navbar-nav > li > .nav-link{ font-size: 15px; justify-content: flex-start;} 

 .aside_left_part.collapse:hover .navbar-nav > li > .nav-link.dropdown-toggle::after{ display:inline-block;}
 .aside_left_part.collapse:hover .navbar-nav > li > .nav-link .fa{ font-size: 18px; margin-right: 10px;} 
 

 .mainwrap {padding: 20px 10px 0px 100px; background: #f5f5f9; height: 100vh; transition: all 0.4s ease; -webkit-transition: all 0.4s ease;}  
 .mainwrap.show{ padding-left: 270px;} 

 .mainwrap .head_dh .wallet_bx ul li{ display: flex; background: #002f86; align-items: center; padding: 4px 8px 4px 12px;  border-radius: 5px; margin-right: 15px; color: #fff;} 
 .mainwrap .head_dh .wallet_bx ul li .balance{ background: #ffc000; display: inline-block; border-radius: 4px; color: #fff; padding: 2px 10px; margin-left: 8px; font-weight: 500;} 

 .top_right .navbar-nav > .nav-item { margin-left: 18px;}
 .top_right .navbar-nav > .nav-item > a{ padding: 0px; font-size: 19px; position: relative;}
 .top_right .navbar-nav > .nav-item > a > .uaser_pic{ position: relative;} 
 .top_right .navbar-nav > .nav-item > a > .uaser_pic:after{ content: ""; width: 10px; height: 10px; border-radius: 50px; position: absolute; right: 0px; bottom: 0px; background: #71dd37;}
 .top_right .navbar-nav > .nav-item > a > .uaser_pic img{ width: 38px;} 
 .top_right .navbar-nav > .nav-item > a.dropdown-toggle:after{ display: none;} 
 .top_right .navbar-nav > .nav-item > .dropdown-menu{ border: none; box-shadow: 0 .25rem 1rem rgba(161,172,184,.45); padding: 10px 0px; border-radius: 10px;} 
 .top_right .navbar-nav > .nav-item >  .dropdown-menu li .dropdown-item{ color: #677294 !important; font-size: 15px; padding: 5px 15px; border-bottom: #eee 1px solid;}  
 .top_right .navbar-nav > .nav-item >  .dropdown-menu li:last-child .dropdown-item{ border-bottom: none;}

 .top_right .navbar-nav > .nav-item >  .dropdown-menu li .dropdown-item:hover{ color: #002e85 !important;} 

 .top_right .navbar-nav > .nav-item.notification > a .badge-notifications{ position: absolute; right: -8px; top: -6px; width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 500;}  

 .top_right .navbar-nav > .nav-item.notification .dropdown-menu{ width: 350px;} 
 .top_right .navbar-nav > .nav-item.notification h5{ font-size: 16px; color: #677294;} 
 .top_right .navbar-nav > .nav-item.notification .dropdown-menu .list-group-item{ border-radius: 0px;} 
 .top_right .navbar-nav > .nav-item.notification .dropdown-menu .list-group-item .uaser_pic img{ width: 38px;}  
 .top_right .navbar-nav > .nav-item.notification .dropdown-menu .list-group-item .badge.badge-dot {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: .625rem;
  height: .625rem;
  border-radius: 50%;
  vertical-align: middle; background: #002f86;
} 
 .top_right .navbar-nav > .nav-item.notification .dropdown-menu .list-group-item h6{font-size: 14px; color: #677294;} 
 .top_right .navbar-nav > .nav-item.notification .dropdown-menu .list-group-item .flex-grow-1 p{font-size: 13px; color: #677294; line-height: 18px;} 
 .top_right .navbar-nav > .nav-item.notification .dropdown-menu .list-group-item .text-muted{color: #949FC1 !important; font-weight: 500; font-size: 12px;} 

 .top_right .navbar-nav > .nav-item.notification .dropdown-menu .list-group .list-group-item:last-child{ margin: 0px; border: none;}

 .top_right .navbar-nav > .nav-item.user_t_r > .dropdown-menu li a .fa{ margin-right: 6px;}

 .card {
  box-shadow: 0 2px 6px 0 rgba(67,89,113,.12); color: #868da3; font-weight: 400; 
  font-family: "Public Sans", sans-serif;
}
 .bg-label-success {
  background-color: #e8fadf !important; font-weight: 500;
  color: #71dd37 !important; font-size: 13px;
} 

 .text_green{ color: #71dd37 !important;} 

 .text_red{ color: #e74c3c !important;} 
 .text-gray{ color: #677294;}

 .bg-label-danger {
  background-color: #fdecdc !important; font-weight: 500;
  color: #e74c3c !important; font-size: 13px;
} 

 .card .q_cl{ background: #002f86; width: 15px; font-size: 10px; font-weight: 600; height: 15px; color: #fff;}

 .text-clr-1{ color: #002f86;} 

 .transaction h6{ font-size: 15px;} 
 .transaction .avatar{ margin-left: 10px;}
 .transaction .avatar .avatar-initial{ width: 32px; display: inline-flex; align-items: center; justify-content: center; height: 32px; background: #ebeef0;}

 .footer{ border-top: 1px solid rgba(0,0,0,.08); background: #fff; font-size: 13px; padding: 15px 12px; margin-left: -16px; margin-right: -16px;}  

 .fund_r_nav .nav-tabs .nav-item{ margin: 2px 4px;}
 .fund_r_nav .nav-tabs .nav-link{ border-radius: 36px; background: #fff; padding: 10px 25px; color: #002f86; }
 .fund_r_nav .nav-tabs .nav-link.active{ border: none; background: #002f86; color: #fff;} 

 .form-control{ box-shadow: none !important; height: 40px; color:#7b839a; font-size: 14px;} 
  .form-control::-moz-placeholder{color:#7b839a; opacity:1;} 
  .form-control::placeholder{color:#7b839a; opacity:1;}  

 select.form-control{ padding-right: 28px !important; background: #fff url(../images/down_arrow.png) no-repeat right center;} 

 .bg-label-warning {
  background-color: #fff2d6 !important;
  color: #ffab00 !important;
}

  .bg-label-info {
  background-color: #d7f5fc !important;
  color: #03c3ec !important;
} 

 .table_1{ overflow: auto; height: 300px; font-weight: 400; max-height: 300px;}
 .table_1 table{ border: #d9dee3 1px solid; width: 100%; } 
 .table_1 table th{ font-weight: 600; text-transform: uppercase; color: #fff; background: #002f86;}
 .table_1 table th, 
 .table_1 table td{ padding: 10px 15px;  border-right: #d9dee3 1px solid; border-bottom: #d9dee3 1px solid; white-space: nowrap; } 
 .table_1 table th:last-child, 
 .table_1 table td:last-child{  border-right:none; }  
 .table_1 table td:last-child a{ color: #002f86;}

.badge{ text-transform: uppercase; font-size: 13px; font-weight: 500;} 

 .table_1 table tbody tr td:last-child{ text-align: left;} 
 .form-control:focus{ border-color: #002f86;} 

 .user_l_bx .card-header figure img{ max-width: 100px;} 

 .user_l_bx .card-body ul li{ margin: 2px 7px;}
 .user_l_bx .card-body ul li a{ color: #677294; text-decoration: none;} 
 .user_l_bx .card-body ul li a .fa{ color: #002f86; width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; margin-right: 6px; border-radius: 5px; background: rgba(0,46,133,.1) !important;} 

 .table_3 tr td{ padding-bottom: 10px; vertical-align: top;} 
 .table_3 tr td:first-child{ width: 120px; padding-right: 10px; position: relative; border-right: #d9dee3 1px solid; font-weight: 600; color: #002f86;}   
 .table_3 tr td:last-child{ padding-left: 25px;} 
 .table_3 tr:last-child td{ padding-bottom: 8px; }  
 .table_3 tr td:first-child:after{ content: ""; width: 12px; height: 12px; background: #fff; border: #002f86  2px solid; border-radius: 50px; position: absolute; right: -6px; top: 7px;}
.bg_fiexed{ background: #f5f5f9; position: fixed; left: 0px; top: 0px; z-index: -1; right: 0px; bottom: 0px;}

.font15{ font-size: 15px;} 
 .manage_m_account .nav-tabs{ border: none; background: #002f86; border-radius: 5px; padding: 8px 10px 0px;}
 .manage_m_account .nav-tabs .nav-item .nav-link{ border: none !important; margin-bottom: 0px !important; color: #fff; border-radius: 5px 5px 0px 0px;}
 .manage_m_account .nav-tabs .nav-item.show .nav-link, 
 .manage_m_account .nav-tabs .nav-link.active{ background: #f5f5f9; border: none !important; color: #002f86; } 

 .ms_bx .thmnl{ background: #002f86; overflow: hidden; min-height: 220px; padding: 15px 20px 10px; border-radius: 15px; text-align: center; } 
 .ms_bx .thmnl:before{ content: ""; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; border-radius: 15px; background: url(../images/pattern.jpg) no-repeat center center; background-size: cover; mix-blend-mode: multiply;} 
 .ms_bx .thmnl figure img{ height: 150px;} 
 .ms_bx .card-footer .btn{ padding: 10px 10px;} 
 .ms_bx .new{ min-width: 80px; right: 25px; top: -14px; padding:3px 6px; text-align: center; color: #fff; background: #ffc000; border-radius: 50px;}

.w-48{ width: 48%;} 
  .btn_2{ color: #002f86; background-color: rgba(0,46,133,.1) !important; border: #fff 1px solid;} 
  .btn_2:hover{background: #002f86 !important; border: #002f86 1px solid; color: #fff !important; }

.w70{ width: 70px;} .w250{ width: 250px;} 
 .pages_next_prev a{ display: inline-flex; margin-left: 5px; align-items: center; justify-content: center; width: 22px; height: 22px; border: #fff 1px solid; background: #fff; color: #002f86; text-decoration: none; border-radius: 2px;} 
 .pages_next_prev a:hover{ background: none; color: #002f86; border: #002f86 1px solid;} 
 .search_rd .form-check{ margin-right: 12px;} 
 .search_rd .form-check:last-child{ margin-right: 0px;} 
 .search_rd .form-check .form-check-input:checked{ background-color: #002f86; border-color: #002f86;} 

 .form-switch{ padding-right: 0px;} 

 .check_account{ display: inline-block;} 
 .check_account.form-switch{overflow: hidden; padding-left: 0px;}
 .check_account.form-switch .form-check-input{ opacity: 0; left: 0px; top: 0px; position: absolute;}
 .check_account.form-switch .form-check-label{ width: 50px; background: #ff0000; padding: 3px; height: 24px; border: 1px solid #ff0000 !important; box-shadow: none; cursor: pointer; border-radius: 50px; position: relative;}  
 .check_account.form-switch .form-check-label:before{ content:""; width: 14px; height: 14px; border-radius: 50px; background: #fff; position: absolute; right: 30px; top: 4px;  transition: all 0.4s ease; -webkit-transition: all 0.4s ease;  } 
 .check_account.form-switch .form-check-label:after{ content: "\f00d"; position: absolute; left: 30px; top: -2px; font-family:'FontAwesome'; font-size: 10px;  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease; color: #fff; }


 .check_account.form-switch .form-check-input:checked + .form-check-label{ background: #008000 !important;  border: 1px solid #008000 !important; color: #fff; }  
 .check_account.form-switch .form-check-input:checked + .form-check-label:before{ background:#fff; right: 6px; } 
 .check_account.form-switch .form-check-input:checked + .form-check-label:after{ content: "\f00c"; left: 6px;}

 .alert-success {
  background-color: #e8fadf;
  border-color: #d4f5c3; font-size: 15px;
  color: #71dd37; opacity: 1;
}

 .alert-success .btn-close{ border: none; box-shadow: none; outline: none; opacity: 1; background-image: url(../images/close_green.svg); background-size: 11px !important;} 

 .alert-danger {
  background-color: #ffe0db;
  border: #ffc5bb;
  color: #ff3e1d; opacity: 1; font-size: 15px;
} 

 .alert-danger .btn-close {  border: none; box-shadow: none; outline: none; background-image: url(../images/close_red.svg); opacity: 1; background-size: 11px !important;} 

 .modal-simple .btn-close { width: 32px; height: 32px; box-shadow: none; border: #eee 1px solid;
  position: absolute; right: -60px; opacity: 1; background-color: #fff;
  top: -60px; padding: 0px;
} 

 .custom_option_rd{ position: relative; overflow: hidden;} 
 .custom_option_rd .form-check-input{ opacity: 0; position: absolute; left: 0px; top: 0px;} 
 .custom_option_rd .form-check-label{border: 1px solid #d9dee3; cursor: pointer;
  border-radius: .5rem; padding:20px 10px; display: block; text-align: center; min-height: 144px;}
  .custom_option_rd .form-check-label .fa{ font-size: 28px; } 
  .custom_option_rd .form-check-input:checked + .form-check-label{border: 1px solid #002f86; } 
  .custom_option_rd .form-check-input:checked + .form-check-label h5, 
  .custom_option_rd .form-check-input:checked + .form-check-label .fa{ color: #002f86;} 
  .custom_option_rd .form-check-label:after{ content: ""; display: inline-block; width: 20px; height: 20px; border: #dbdbdb 7px solid; border-radius: 50px;} 
  .custom_option_rd .form-check-input:checked + .form-check-label:after{ border: #002f86 7px solid; } 


  .form-switch.switch_2 .form-check-input{ width: 50px; height: 24px; cursor: pointer; border: none; box-shadow: none;  margin-top: 0px; margin-left: 0px; border: 1px solid rgba(67,89,113,.4) !important; opacity: 1 !important;} 
  .form-switch.switch_2 .form-check-input:checked{ background-color:#002f86 ; border: 1px solid #002f86 !important;}  
  .form-switch.switch_2 .form-check-label{ cursor: pointer;} 

  .popup_type .modal-content{ text-align: center;} 

  .btn-success {
    color: #fff;
    background-color: #71dd37;
    border-color: #71dd37;
    
  }

    .btn-success:hover {
    color: #71dd37;
    background-color: #fff;
    border-color: #71dd37;
   
  } 

    .btn-danger {
    color: #fff;
    background-color: #ff3e1d;
    border-color: #ff3e1d;
    }

      .btn-danger:hover {
      color: #ff3e1d;
      background-color: #fff;
      border-color: #ff3e1d;
      } 

  .ic{ width: 88px; height: 88px; border-width: 3px; border-style: solid;} 
  .ic img{ height:35px;} 
  .success_ic{ border-color:rgba(165,220,134,.3);} 
  .error_ic{ border-color:rgba(255,62,29,.6);} 


 .pagination2 ul li{ margin: 0px 5px;} 
 .pagination2 ul li a{ border: none !important; border-radius: 5px; width: 45px; background:#fff; height: 40px; color: #677294; display: inline-flex; justify-content: center; align-items: center; box-shadow: none !important; outline: none !important;} 
 .pagination2 ul li a:hover, 
 .pagination2 ul li.active a,
 .pagination2 ul li a:focus{ background: #002f86; color: #fff;} 

 .custom-tooltip{ --bs-tooltip-bg: #002f86;
  --bs-tooltip-color: #fff; font-weight: 600;}

/*======================================================*/ 


.service_s_rw .col{ display: flex;} 
.service_s_rw .col .s_status_bx{ width: 100%; border-bottom: #eee 1px solid; padding-bottom: 15px;} 
.refresh_btn{ background: #f70000 !important; height: 36px; font-size: 20px; border: none !important; border-radius: 5px; padding: 0px; width: 40px; color: #fff !important;} 

.refresh_btn .rotate {
  -moz-transition: all .5s linear;
  -webkit-transition: all .5s linear;
  transition: all .5s linear; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;
}
.refresh_btn .rotate.down {
  -moz-transform:rotate(360deg);
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg);
}

/*=====================27=8=2024========================================*/
.card-header{ background: none !important;} 
.ul-business-analysis li{ margin-right: 5px;} 
.ul-business-analysis li:last-child{ margin-right: 0px;} 
.ul-business-analysis li .form-check{ position: relative; overflow: hidden; min-height: inherit; padding: 0px; margin: 0px;} 
.ul-business-analysis li .form-check .form-check-input{ position: absolute; opacity: 0; left: 0px; top: 0px;} 
.ul-business-analysis li .form-check .form-check-label{ font-size: 14px; color: #7b839a; border: 1px solid #dee2e6; height: 40px; padding: 2px 15px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 5px;} 
.ul-business-analysis li .form-check .form-check-input:checked[type="radio"] + .form-check-label{ border: #002f86 1px solid; background: #002f86; color: #fff;} 

.form-control#reportrange, .form-control#reportrange2{ width: 200px;}
.form-control#reportrange span, 
.form-control#reportrange2 span{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 5px;} 

.mx-w-c-1{ max-width: 360px; width: 100%;} 
.mx-w-c-2{ max-width: 450px; width: 100%;}
.w-200{ width: 200px !important;} 


.ad-c-btn-rw li{ margin-bottom: 10px; text-align: center;} 
.ad-c-btn-rw li:last-child{ margin: 0px;}
.ad-c-btn-rw li .btn{ width: 100%; max-width: 180px; background: none; font-size: 12px; padding: 9px 12px;} 
.ad-c-btn-rw li .btn:hover{ background: #002f86; color: #fff;}

/*================copy from admin custom.css on 24-07-2025 By Yogesh======================================*/


.table_1 table td {
    font-size: 12px;
}

.c-bx-wrappar ul li {
    background: #002f86;
    border-radius: 3px;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 15px;
    margin: 2px 5px;
}

    .c-bx-wrappar ul li .n {
        min-width: 26px;
        height: 26px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 25px;
        font-size: 12px;
        font-weight: 600;
        background: #fff;
        color: #002f86;
        order: 1;
    }

    .c-bx-wrappar ul li .txt {
        padding-left: 10px;
        order: 2;
        color: #fff;
        font-weight: 500;
    }

    .c-bx-wrappar ul li.success {
        background: #59b259;
    }

        .c-bx-wrappar ul li.success .n {
            background: #fff;
            color: #59b259;
        }

    .c-bx-wrappar ul li.failed {
        background: #f70000;
    }

        .c-bx-wrappar ul li.failed .n {
            background: #fff;
            color: #f70000;
        }

    .c-bx-wrappar ul li.pending {
        background: #ffc000;
    }

        .c-bx-wrappar ul li.pending .n {
            background: #fff;
            color: #ffc000;
        }

    .c-bx-wrappar ul li.surcharge {
        background: #2ad9e5;
    }

        .c-bx-wrappar ul li.surcharge .n {
            background: #fff;
            color: #2ad9e5;
        }

.otp-bx-sec ul li .otp-bx {
    width: 40px;
    height: 40px;
    background: #002f86;
    color: #fff;
    text-align: center;
    border: none;
    border-radius: 3px;
    box-shadow: none !important;
    outline: none !important;
}

.otp-bx-sec ul li {
    margin: 0px 3px;
}

    .otp-bx-sec ul li .otp-bx::-moz-placeholder {
        color: #fff;
        opacity: 1;
    }

    .otp-bx-sec ul li .otp-bx::placeholder {
        color: #fff;
        opacity: 1;
    }

/*--------------21-07-2025 By Yogesh For Status Toggle-------------------- */

.form-switch > label {
    font-weight: 500 !important;
    padding-left: .5rem !important;
    display: inline-block;
    cursor: default;
}

.inputcheck_span {
    width: 100%;
}

    .inputcheck_span > label {
        padding-left: 10px;
        padding-top: 7px;
    }

/* -------------edit Grid -----------------------*/
.editgrid th:last-child, .editgrid td:last-child {
    display: none;
}

/* -------------Hide scroll/spinner in input number -----------------------*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}
/*-----------*/
/*.cls1 > tbody > tr > td > .editme {*/
.editme {
    background: url('../images/i_edit.png') no-repeat;
    height: 24px;
    width: 24px;
}

.viewme {
    background: url('../images/i_view.png') no-repeat;
    height: 24px;
    width: 24px;
}

.checkme {
    background: url('../images/i_check.png') no-repeat;
    height: 24px;
    width: 24px;
}

.uncheckme {
    background: url('../images/i_uncheck.png') no-repeat;
    height: 24px;
    width: 24px;
}

.downloadme {
    width: 24px;
    height: 24px;
    background: url('../images/i_download.png') no-repeat center center;
    background-size: contain; /* scale the image */
    border: none; /* remove default border */
    cursor: pointer;
}
/************/
.table_1 {
    overflow: auto;
    height: 500px !important;
    font-weight: 400;
    max-height: 500px !important;
}

.mainwrap .head_dh .wallet_bx ul li a {
    display: flex;
    background: #002f86;
    align-items: center;
    padding: 4px;
    border-radius: 5px;
    margin-right: 15px;
    color: #fff;
    text-decoration:none;
    text-transform:uppercase;
    height:26px;
}
.GeneratePassword {
    background-color: #28a745;
    color: #ffffff;
    padding: 2px 4px;
    font-size: 12px;
    border: 1px solid #28a745;
    border-radius: 4px;
    margin-left: 0px;
    margin-top:5px;
}
.nav-link img {
    margin-right: 6px;
}

/*--START------------------------News Ticker on DashBoard By Yogesh on 20-11-2025 -----------*/

/* Ticker Row */
.news-wrapper {
    display: flex;
    align-items: center;
    padding: 10px;
    font-size: 14px;
    color:white;
    overflow: hidden;
}

/* Static label */
.news-label {
    font-weight: bold;
    margin-right: 15px;
    white-space: nowrap;
}

/* Moving ticker container */
.news-ticker-container {
    overflow: hidden;
    white-space: nowrap;
    flex: 1;
    position: relative;
}

/* Actual scrolling content */
.news-ticker {
    display: inline-block;
    padding-left: 100%;
    animation: scroll-left 18s linear infinite;
}

/* News items */
.news-item {
    margin-right: 60px;
    cursor: pointer;
}

/* Pause animation on hover */
.news-wrapper:hover .news-ticker {
    animation-play-state: paused;
}

/* Scrolling keyframes */
@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}
/*--END----------------*/