.mt20 {
    margin-top: 20px;
}

.bold {
    font-weight: bold;
}

hr {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    border: 2px;
    border-top: 2px solid #a4a4a8 !important;
}

div.col-md-1 {
    padding: 0px 5px !important;
}

div.col-md-2 {
    padding: 0px 5px !important;
}

div.col-md-3 {
    padding: 0px 5px !important;
}

div.col-md-4 {
    padding: 0px 5px !important;
}

div.col-md-5 {
    padding: 0px 5px !important;
}

div.col-md-6 {
    padding: 0px 5px !important;
}

div.col-md-7 {
    padding: 0px 5px !important;
}

div.col-md-8 {
    padding: 0px 5px !important;
}

div.col-md-9 {
    padding: 0px 5px !important;
}

div.col-md-10 {
    padding: 0px 5px !important;
}

div.col-md-11 {
    padding: 0px 5px !important;
}

div.col-md-12 {
    padding: 0px 5px !important;
}

label {
    margin-bottom: 2px !important;
    margin-left: 3px !important;
}

.hide {
  display:none;  
}

#non-display {
    display: none !important;
}

#description {
    margin-bottom: 5px;
}

#scout_section {
    color: green;
}

#cub_section {
    color: #ff9900;
}

#singithi_section {
    color: #00bfff;
}

#rover_section {
    color: #990000;
}

/* ------- User Name in navbar ----------- */
#dropdown-toggle {
    padding-right: 40px;
    /* padding-top: 13px;  */
}

#sidebar-toggle {
    padding-left: 30px;
}

.user-panel>.info>p {
    color: white;
}

#align-left {
    text-align: left;
}

#align-cate {
    text-align: left;
    vertical-align: top !important;
}


#align-left {
    text-align: left !important;
}

#align-right {
    text-align: right !important;
}

.align-left {
    text-align: left !important;
}

.align-right {
    text-align: right !important;
}

.align-center {
    text-align: center !important;
}

#align-center {
    text-align: center !important;
}

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

.right-align {
    text-align: left;
}

.text-end {
    text-align: right;
}

/* ------- Radio Common ----------- */
.radio {
    padding-left: 5px;
    font-size: 14px;
}

#radio-btn {
    padding-bottom: 15px;
}

.radio input[type=radio] {
    height: 15px;
    width: 15px;
    border: 1px solid #ccc;
    margin-top: 2.5px;
}

div#radio-btn.col-md-6 {
    padding-top: 4px;
}

/* ------- Checkbox Common ----------- */
#reg_div {
    padding: 0 0 0 0px !important;
    margin: 0 !important;
}

#reg_div2 {
    padding: 0 0 0 20px !important;
    margin: 0 !important;
}

@media screen and (max-width: 991px) {
    #reg_div2 {
        padding: 0 !important;
        margin: 0 !important;
    }

    #reg_div {
        padding: 0 !important;
        margin: 0 !important;
    }
}

input[type=checkbox] {
    height: 15px;
    width: 15px;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.input-span {
    padding-left: 5px;
    font-size: 14px;
}

/* ------- Existing Record Message Div ----------- */
#check-checkusers {
    font-size: 14px;
    text-transform: uppercase;
    font-family: calibri;
    font-weight: bold;
}

#check-checknic {
    font-size: 14px;
    text-transform: uppercase;
    font-family: calibri;
    font-weight: bold;
}

#check-checkregno {
    font-size: 14px;
    text-transform: uppercase;
    font-family: calibri;
    font-weight: bold;
}

#check-checksbtroop {
    font-size: 14px;
    text-transform: uppercase;
    font-family: calibri;
    font-weight: bold;
    color: red;
}

#check-imagesize {
    font-size: 14px;
    text-transform: uppercase;
    font-family: calibri;
    font-weight: bold;
    color: red;
}

#check-service {
    font-size: 14px;
    text-transform: uppercase;
    font-family: calibri !important;
    font-weight: bold;
    color: red;
}

#check-checkage {
    font-size: 14px;
    text-transform: uppercase;
    font-family: calibri;
    font-weight: bold;
    color: red;
}

#check-checkage2 {
    font-size: 14px;
    text-transform: uppercase;
    font-family: calibri;
    font-weight: bold;
    color: red;
}

#check-checkage3 {
    font-size: 14px;
    text-transform: uppercase;
    font-family: calibri;
    font-weight: bold;
    color: red;
}

#check-checkbadge, #check-checkbadge_edit {
    font-size: 14px;
    text-transform: uppercase;
    font-family: calibri;
    font-weight: bold;
    color: red;
}

#check-checkage_edit, #check-checkage2_edit, #check-checkage3_edit {
    font-size: 14px;
    text-transform: uppercase;
    font-family: calibri;
    font-weight: bold;
    color: red;
}

#check-service-sa, #check-service-cc, #check-service-dc, #check-service-ccc, #check-service-air, #check-service-sea, #check-service-pm, #check-service-bt, #check-service-pd,
#check-service-bs {
    font-size: 14px;
    text-transform: uppercase;
    font-family: calibri;
    font-weight: bold;
    color: red;
}

#check-age-sa, #check-age-ccc, #check-age-cc, #check-age-dc, #check-age-air, #check-age-sea, #check-age-bt, #check-age-pm, #check-age-dc, #check-age-pd,
#check-age-bs {
    font-size: 14px;
    text-transform: uppercase;
    font-family: calibri;
    font-weight: bold;
    color: red;
}

#badge_val_bs, #badge_val_ss1, #badge_val_ss2, #badge_val_gs1, #badge_val_gs2, #badge_val_gs3,
#badge_val_sa1, #badge_val_sa2, #badge_val_sa3,
#badge_val_cc1, #badge_val_cc2, #badge_val_cc3,
#badge_val_air, #badge_val_sea,
#badge_val_pm1, #badge_val_pm2, #badge_val_pm3, #badge_val_pm4, #badge_val_pm5,
#badge_val_pd1, #badge_val_pd2, #badge_val_pd3, #badge_val_pd4, #badge_val_pd5 {
    font-size: 14px;
    text-transform: uppercase;
    font-family: calibri;
    font-weight: bold;
    color: red;
}

#check-group1, #check-group2 {
    font-size: 14px;
    text-transform: uppercase;
    font-family: calibri;
    font-weight: bold;
    color: red;
}

#ccc_title {
    color: #e68a00;
}

#invalid-entry {
    font-size: 14px;
    text-transform: uppercase;
    font-family: calibri;
    font-weight: bold;
    color: red;
}

.center {
    text-align: center;
    align-items: center;
}

/* ------- Select Box Common ----------- */
.form-control.selectopt {
    color: #999;
}

.form-control.selectopt > option {
  color: #444444;
}

.form-control.selectopt > option[value=""] {
  color: #999;
}

.clearfix {
    clear: both;
    float: none;
}

input[type=text]:read-only {
  background: #ffffff;
  color: darkgreen;
}

input[type=password]:read-only {
  background: #ffffff;
}

input[type=file]:read-only {
  background: #ffffff;
}

input[type=text]:disabled {
  background: #ffffff;
}

#txtcategory {
    background: #ffffff;
}

.none-outline  {
    border: none !important;
    padding: 0px 5px !important;
}

/* ------- Label Colour ----------- */
.lbl-blue {
    color: #003380 !important;
}

.lbl-red {
    color: red !important;
}

/* ------- Text Colour ----------- */
.blue {
    color: blue !important;
}

.red {
    color: red !important;
}

.orange {
    color: #e68a00 !important;
}

.purple {
    color: #bf00ff !important;
}

.dark_green {
    color: #006600 !important;
}


/* ------- Input File ----------- */
::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
    padding: 0px 7px 0px 7px;
    margin: 0;
    border: none;
    height: 30px;
    border-radius: 3px 0px 0px 3px;
    background-color: #e6e6e6;
    cursor: pointer;
    color: #444444;
}

.form-control.uploadfile {
    padding: 0px 0px 0px 0px;
    color: #999;
}

/* ------- Submit Button ----------- */
#btn-submit-footer {
    border-top: none;
}

/* ------- Last Div ----------- */
#non-bottom-padding {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

#less-bottom-padding {
    padding-bottom: 5px !important;
    margin-bottom: 0px !important;
}

#non-padding {
    padding: 0px;
}

#only-bottom-non-padding {
    padding-bottom: 0px !important;
}

#submit_compl, #submit_final {
    width: 125px;
}

#submit_final {
    margin-top: 20px;
}

.no-top-border {
    border-top: none !important;
    padding-top: 0px !important;
}

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

.bottom-non-margin {
    margin-bottom: 0px !important;
}


/* ------- Btn Icons  ----------- */
.btn-icons {
   min-width: 20px !important;
   width: 20px !important;
   height: 20px !important;
   margin: 1px 1px !important;
   border-radius: 5px;
   border: none !important;
   display: flex; 
   align-items: center;
   justify-content: center;

   display: inline-flex;
   padding: 0 !important;
}

.btn-icons .far {
  line-height: 1;                    
  font-size: 13px;
  padding: 3px 0px 0px 0px !important;
}

.btn-icons .fas {
  line-height: 1;                    
  font-size: 13px;
  padding: 3px 0px 0px 0px !important;
}

.btn-icons .fa {
   position: relative;
   /* bottom: 2px; /* Moves the icon down */ */
}


/* ------- Item Edit ----------- */
.edit {
   background: #adebad !important;
   color: #196719 !important;
}

/* ------- Edit Form ----------- */
.select_edit {
    color: #444444 !important;
}

.edit:hover {
   background: #1e7b1e !important;
   color: #ffffff !important;
}

.edit {
   background: #adebad !important;
   color: #196719 !important;
}

.edit:hover {
   background: #1e7b1e !important;
   color: #ffffff !important;
}

.exm_edit {
   background: #adebad !important;
   color: #196719 !important;
}

.exm_edit:hover {
   background: #1e7b1e !important;
   color: #ffffff !important;
}

.bg_edit {
   background: #adebad !important;
   color: #196719 !important;
}

.bg_edit:hover {
   background: #1e7b1e !important;
   color: #ffffff !important;
}

.bgr_edit {
   background: #adebad !important;
   color: #196719 !important;
}

.bgr_edit:hover {
   background: #1e7b1e !important;
   color: #ffffff !important;
}

.sc_edit {
   background: #adebad !important;
   color: #196719 !important;
}

.sc_edit:hover {
   background: #1e7b1e !important;
   color: #ffffff !important;
}

.edit_proficiency {
   background: #adebad !important;
   color: #196719 !important;
}

.edit_proficiency:hover {
   background: #1e7b1e !important;
   color: #ffffff !important;
}

.eye {
   background: #cce0ff !important;
   color: #0066ff !important;
}

.eye:hover {
   background: #0066ff !important;
   color: #ffffff !important;
}




/* ------- Delete ----------- */
.delete {
   background: #ffb3cc !important;
   color: #990033 !important;
}

.delete:hover {
   background: #990033 !important;
   color: #ffffff !important;
}

.bg_delete {
   background: #ffb3cc !important;
   color: #990033 !important;
}

.bg_delete:hover {
   background: #990033 !important;
   color: #ffffff !important;
}

.bgr_delete {
   background: #ffb3cc !important;
   color: #990033 !important;
}

.bgr_delete:hover {
   background: #990033 !important;
   color: #ffffff !important;
}

.bg-delete {
   background: #ffb3cc !important;
   color: #990033 !important;
}

.bg-delete:hover {
   background: #990033 !important;
   color: #ffffff !important;
}






/* ------- Add Field ----------- */
.btn-remove-field {
    font-size: 12px;
    padding: 7px 15px;
    color: black;
    background-color: #cccccc;
    border: none;
    font-weight: normal;
}

a.btn-remove-field {
    font-size: 12px;
    padding: 7px 8px;
    color: black;
    background-color: #cccccc;
    border: none;
    font-weight: normal;
}

.btn-add-field {
    font-size: 12px;
    padding: 7px 15px;
    color: white;
    background-color: #3c8dbc;
    border: none;
    font-weight: normal;
}

#remove-btn, #more-btn {
    padding-left: 0px !important;
    margin-left: 0px !important;
}

@media screen and (max-width: 991px) {
        #remove-btn, #more-btn {
        margin-left: 20px !important;
    }
}

/* ------- Candidate Report ----------- */
.report-title {
    display: inline-block;
    font-size: 17px;
    margin: 0;
    line-height: 1;
    font-weight: 500;
    font-family: calibri;
    color: white;
    background-color: #3c8dbc;
    padding: 5px 5px;
    width: 150px;
}

#no-border-bottom {
    border-bottom: none;
}

#btn-sc-pdf, #btn-sg-pdf, #btn-rv-pdf {
    width: 125px;
    background-color: #000066;
    border-color: #000066;
    color: yellow;
}

#btn-sc-pdf:hover, #btn-sg-pdf:hover, #btn-rv-pdf:hover {
    background-color: #000033;
    border-color: #000033;
    color: white;
}

#gold_btn {
    width: 150px;
    background-color: #008000;
    border-color: #008000;
    color: yellow;
}

#gold_btn:hover {
    background-color: #004d00;
    border-color: #004d00;
    color: white;
}

/* --- Add Sub Troop Button ---- */
#btn-sub-tr {
    width: 120px !important;
}

.outer-border {
    border: 2px solid #3783ae;
    height: 35px;
    padding: 0px 10px 0px 15px !important;
    display:flex;
    margin-bottom: 0px !important;
}

.control-label-1 {
    width: 150px;
    margin: 0;
    font-family: calibri;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 5px;
}

.control-label-2 {
    width: 185px;
    margin: 0;
    font-family: calibri;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 5px;
}

.control-label-3 {
    width: 240px;
    margin: 0;
    font-family: calibri;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 5px;
}

.control-label-4 {
    width: 138px;
    margin: 0;
    font-family: calibri;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 5px;
}

.control-label-5 {
    width: 210px;
    margin: 0;
    font-family: calibri;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 5px;
}

#report_table {
    border: 2px solid #3783ae;
}

#report_table th {
    border: 2px solid #3783ae;
    font-family: calibri;
    text-transform: uppercase;
    font-size: 14px;
    color: #333333;
    height: 30px;
    padding-top: 2px;
    padding-bottom: 5px;
}

#report_table td {
    border: 2px solid #3783ae;
    font-family: inherit !important;
    font-weight: normal;
    font-size: 15px;
    height: 35px;
    padding-top: 0px;
    padding-bottom: 0px;
}


@media screen and (max-width: 991px) {
    .control-label-1 {
        width: 200px;
    }

    .control-label-2 {
        width: 200px;
    }

    .control-label-3 {
        width: 200px;
    }

    .control-label-5 {
        width: 200px;
    }
}

#paragraph-title {
    background-color: #c5deed;
    border: 2px solid #c5deed;
    padding: 5px 5px 5px 10px;
    height: 30px;
}

#paragraph-title h5 {
    font-size: 15px;
    color: blue;
    font-weight: 500;
    margin: 0;
    text-transform: uppercase;
    margin-top: 6px;
}


/* ------- Name Display ----------- */
.name-label  {
    margin: 0px;
    font-size: 15px;
}

.name-title  {
    margin-top: 5px;
    margin-bottom: 10px;
    color: #444444;
    font-weight: bold;
    font-size: 17px;
}


/* ------- User Profile ----------- */
#showErrorcPwd, #showErrorcPwd2 {
    font-size: 13px;
    font-weight: bold;
}

#profile-img {
    float: right;
}

.us_prof_img {
    border-radius: 50%;
    border: 6px solid rgb(22, 116, 135);
}

.user_prof_img_div {
    text-align: right;
    margin-right: 10px;
}

.user_prof_det_div {
    text-align: left;
    margin-left: 10px;
    padding-top: 50px;
}

#txtnewpwd:disabled, #txtconpwd:disabled {
   background: #f2f2f2; 
}

@media screen and (max-width: 991px) {
    .user_prof_img_div {
        text-align: center;
        padding-bottom: 20px;
    }

    .user_prof_det_div {
        display:none;
    }
}


/* ------- Image Margin ----------- */
#sc_image_tag {
    margin-top: 10px;
}

#ca_image1_edit_tag {
    margin-top: 10px;
}

#ca_image2_edit_tag {
    margin-top: 10px;
}

#user_image_edit_tag {
    margin-top: 10px;
}

#currentimg {
   margin-top: 10px; 
}

#currentimg_full {
   margin-top: 10px; 
}

#sc_image_edit_tag {
   margin-top: 10px; 
}

#tr_logo_edit_tag {
    margin-top: 10px; 
}

#user_image_tag {
    margin-top: 10px; 
}

/* ------- Delete Modal Form ----------- */
#staff_name, #user_name, #del_user_name, #troop_name, #scout_name, #badge_name, #examiner_name, #badge_category {
    font-size: 30px;
    font-weight: 700;
    color: red;
    text-align: center;
    outline: none;
    border: none;
}

#school_name {
    font-size: 25px;
    font-weight: 700;
    color: blue;
    text-align: center;
    outline: none;
    border: none;
}

/* ------- Request Modal Form ----------- */
#txtscout_modal {
    font-size: 30px;
    font-weight: 700;
    color: blue;
    text-align: center;
    outline: none;
    border: none;
}

/* ------- Modal Form Common ----------- */
#txt_del_req_cate, #txt_del_pay_cate {
    border: none;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: blue;
}

#msg_pera {
   font-size: 16px;
   font-family: helvetica, arial, sans-serif;
   margin-bottom: 0px;
}

/* -- Receipt View Button -- */
.receipt {
    border: none;
    background-color: white;
    color: #31749b;
    cursor: pointer;
    text-decoration: none;
    background: none;
}

/* -- Candidate Prograss -- */
#attview {
    color: #e6004c;
    cursor: pointer;
}

#attview span {
    font-family: calibri;
    font-weight: normal;
}

#attview:hover {
    text-decoration: underline;
    color: blue;
}

#msdview {
    font-family: calibri;
    font-weight: normal;
    color: #e6004c;
}

/* -- Departure Prograss -- */
#depview {
    color: #0000cc;
}

#depview span {
    font-family: calibri;
    font-weight: normal;
}

#depview:hover {
    text-decoration: underline;
    color: #990033;
}


/* ------- Table ----------- */
.buttons-pdf, .buttons-excel, .buttons-copy, .buttons-print {
    width: 75px !important;
    padding: 4px 0px !important;
    margin: 0px 0px 10px 0px !important;
}

.btn-search {
    width: 70px;
    /* line-height: 16px !important; */
    color: white;
    font-size: 12px;
    padding: 4px !important;
}

.paginate_button {
    padding: 0 !important;
}

div.dataTables_wrapper div.dataTables_filter label {
    text-transform: uppercase !important;
}

div.dataTables_wrapper div.dataTables_filter input {
    text-transform: uppercase !important;
}

div.dataTables_wrapper div.dataTables_filter {
    margin-bottom: 10px !important;
}

div.dataTables_wrapper div.dataTables_length select {
    margin-left: 5px;
    margin-right: 5px;
}

div.dataTables_wrapper div.dataTables_length label {
    text-transform: uppercase !important;
}

.table-bordered>thead>tr>th {
    border-bottom-width: 1.25px !important;
}

div.dataTables_wrapper div.dataTables_info {
    font-size: 15px !important;
    padding-top: 10px !important;
    font-weight: bold;
    color : red;
}

.dataTables_wrapper .dataTables_filter input {
    height: 27px !important;
    width: 250px !important;
}

.table-all {
    width: 100%;
    border-collapse: collapse;
    padding: 0px 0px !important;
}

.table-all thead {
    text-align: center;
}

.table-all th {
    text-align: center;
    padding: 5px 5px !important;
}

.table-all thead tr th {
    letter-spacing: 0.35px;
    opacity: 1;
    padding: 13px;
    vertical-align: top;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    color: blue;
}

.table-all tbody tr td {
    font-size: 12px;
    letter-spacing: 0.35px;
    font-weight: normal;
    padding: 1px 5px 1px 5px !important;
    text-align: center;
    vertical-align: middle !important;
    font-weight: 600;
}

.table-all tbody {
   color: #444444; 
}

.table-all tbody tr td img {
    height: 45px;
    width: 36px;
    border-radius: 50%;
}

.table-all tbody tr td .btn {
    width: 65px;
    line-height: 18px;
    color: white;
    font-size: 12px;
    padding: 3px;
    margin-top: 1.5px;
    margin-bottom: 1.5px;
}

.table-all tbody tr td .btn2 {
    width: 50px;
    line-height: 15px;
    color: white;
    font-size: 10px;
    padding: 3px;
    margin: 1px 0px;
}

.table-all tbody tr:hover {
    background: #f2f2f2;
}

#tbl-subdate {
    text-align: left;
}

#tbl-lbl-blue {
    color: blue;
    font-size: 14px;
}

#form-btn {
    display: inline-block;
}

.tracking, .edit, .delete, .details, .request, .payment {
    margin-left: 1px;
    margin-right: 1px;
}

#prgtable {
    margin-bottom: 15px !important;
}

/* ------- Table Heading Colours ----------- */
.tblh-blue {
    color: blue;
}

.tblh-normal {
    color: #31749b;
}

.tblh-dark {
    color: #b30059;
}

#tbld-green {
    color: green;
}

.tblh-user {
    color: #0000b3;
}

#tbld-final {
    color: #6600cc;
}

.tblh-report {
    color: #0000e6;
}

.tblh-report-tr {
    color: #008000;
}

/* ------- Waiting Period ----------- */
#period {
    color: red;
}

/* ------- Button ----------- */
.btn {
    width: 90px;
    line-height: 25px;
    color: white;
    font-size: 13px;
    padding: 4px 0px;
    margin-bottom: 5px;
    /* margin-top: 5px; */
}

.btn2 {
    width: 75px;
    line-height: 12px;
    color: white;
    font-size: 13px;
    border-radius: 0px !important;
    margin-right: 5px;
    border: none;
}

.btn2[disabled] {
    cursor: not-allowed;
    box-shadow: none;
    opacity: .65;
}

.bg-update {
    display: flex;
}

a.btn {
    width: 90px;
    line-height: 25px;
    color: white;
    font-size: 13px;
    padding: 4px 0px;
    /* margin-bottom: 5px; */
    /* margin-top: 5px; */
}

#btn-more-details {
    width: 175px;
    background-color: #3366ff;
    margin-top: 5px;
}

#btn-more-details:hover {
    background-color: #00134d;
}


/* ------- Table Serach ----------- */
#btn-col-md-2 {
    padding: 0;
    display: flex;
}

.btn-pdf {
    margin-left: 10px;
}

#btn-col-md-4 {
    padding: 0;
    float: right;
}

#btn-search {
    width: 50px;
    height: 34px;
}

#btn-rec-search, #btn-rec-clear {
    width: 75px;
    height: 34px;
}

#btn-prg-search, #btn-prg-clear {
    width: 75px;
    height: 30px;
}

button#btn-rec-search.btn.btn-info.btn-flat {
    padding: 0;
    margin: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

a#btn-rec-clear.btn.btn-danger.btn-flat {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#input-search-div {
    padding-top: 5px;
}

#results-area-form1 {
    font-size: 18px;
    font-weight: bold;
    color: blue;
    text-transform: uppercase;
    padding-top: 5px;
    padding-left: 150px;
}

#results-area-form2 {
    font-size: 18px;
    font-weight: bold;
    color: blue;
    text-transform: uppercase;
    padding-top: 5px;
    padding-left: 0px;
}

#results-area-chq {
    font-size: 18px;
    font-weight: bold;
    color: blue;
    text-transform: uppercase;
    padding-top: 20px;
    padding-left: 0px;
    text-align: right;
}

#results-area-trans {
    font-size: 18px;
    font-weight: bold;
    color: blue;
    text-transform: uppercase;
    padding-top: 20px;
    padding-left: 0px;
    text-align: right;
}

#input-search-div {
    padding-top: 5px;
}

#category-col {
    padding: 0px 0px 0px 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    float: right;
}

#category-select {
    padding-top: 5px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    display: flex;
}

#lbl-category {
    margin-right: 10px;
    margin-top: 6px;
}


/* ------- Edit Form ----------- */
#txtusertype_edit {
    color: #444444;
}
#txtscgender_edit {
    color: #444444;
}

#txtusgender_edit {
    color: #444444;
}

#txtexmgender_edit {
    color: #444444;
}

#txtbgname_edit {
    color: #444444;
}

#txtexaminer_edit {
    color: #444444;
}

#txtldrank_edit {
    color: #444444;
}

#txtldgender_edit {
    color: #444444;
}

#txtcategory_edit {
    color: #444444;
}

#txtbgsection_edit {
    color: #444444;
}

#txtbggroup_edit {
    color: #444444;
}

#txtbgcategory_edit {
    color: #444444;
}

#txtbgrsection_edit {
    color: #444444;
}

#txtsubtroop_edit {
    color: #444444;
}

#txtsbsection_edit {
    color: #444444;
}

#txtldrank_edit {
    color: #444444;
}

#txtldgender_edit {
    color: #444444;
}

#txtactive_edit {
    color: #444444;
}

/* ------- Login Form ----------- */
#logsubmit {
    height: 40px;
    background-color: #020146;
    font-size: 15px;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, .125);
    border-radius: 10px;
    border: 3.5px solid #bfbfbf;
    box-shadow: 12px 12px 22px grey;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

.card-primary:not(.card-outline)>.card-header {
    background-color: #020146;
}

.card>.card-header+.list-group, .card>.list-group+.card-footer {
    border-top: 0;
}

.card-header {
    padding: 1.5rem 1.25rem;
    margin-bottom: 0;
    background-color: #f2f2f2;
    border-bottom: 3px solid #020146;
}

.img-header {
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    /* border-bottom: 1px solid rgba(0, 0, 0, .125); */
    border-bottom: 3px solid #020146;
}

.img-fluid {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.card-header:first-child {
    border-radius: calc(.25rem - 0) calc(.25rem - 0) 0 0;
}

.card-title {
    margin-bottom: .75rem;
}

.card-primary.card-outline {
    border-top: 4px solid #020146;
}

.text-center {
    text-align: center!important;
}

input:focus ~ .glyphicon {
    color: #3333ff;
}

#login-header {
    font-size: 25px;
}

#login_page_user, #login_page_pw {
    height: 40px !important;
    font-size: 16px;
}

.glyphicon {
    padding-top: 4px;
}

.login-footer {
    margin-top: 10px;
    text-align: center;
}


/* ------- Responsive ----------- */
@media screen and (max-width: 991px) {
    .table-all tbody tr {
        background: #f2f2f2;
    }

    .table-all thead {
        display: none;
    }

    .table-all, .table-all tbody, .table-all tr, .table-all td {
        display: block;
        width: 100%;
    }

    .table-all tr {
        margin-bottom: 15px;
    }

    .table-all tbody tr td {
        text-align: right !important;
        padding-left: 50%;
        position: relative;
        padding-right: 10px !important;
    }

    .table-all td:before {
        content: attr(data-lable);
        position: absolute;
        left: 0;
        width: 50%;
        padding-left: 10px;
        font-weight: 600;
        font-size: 12px;
        text-align: left;
    }

    .table-all tbody tr td .btn {
        line-height: 25px;
    }

    .table-all tbody tr td .btn {
        margin-bottom: 0px;
    }

    #dropdown-toggle {
        padding-right: 30px;
    }
}


@media screen and (max-width: 991px) {
    #profile-img {
       float: none;
       padding-bottom: 15px;
       text-align: center;
       margin: auto;
       display: block;
       width: 140px;
    }   

    #btn-more-details {
        text-align: center;
        margin: auto;
        display: block;
        width: 140px;
        margin-bottom: 15px;
    }

    .amount-display {
        text-align: center;
    }

    .balance-display {
        text-align: center;
    }

    .name-label {
        text-align: center;
    }

    .name-title {
        text-align: center;
    }

    .info-msg,
    .success-msg,
    .warning-msg,
    .error-msg {
        text-align: center;
    }
}



/* ====== edit-sa.php ======= */
.downstream-box{
   margin-bottom: 10px;
   padding: 6px 14px;
   background: #fff3cd;
   border: 1px solid #f0ad4e;
   border-left: 5px solid #d58512;
   border-radius: 3px;
}

.downstream-line{
   color: #7a2e00;
   font-weight: 700;
   line-height: 1.8;
   font-size: 13px;
}





/* ====== check box and loading ======= */
.table-loader-wrap{
   display:none;
}

.table-loader-box{
   display:flex;
   flex-direction:column;
   align-items:center;
   justify-content:center;
   padding:28px 0 24px;
}

.table-loader-spinner{
   width:34px;
   height:34px;
   border:4px solid #e5e7eb;
   border-top:4px solid #0d6efd;
   border-radius:50%;
   animation: tableLoaderSpin .8s linear infinite;
   margin-bottom:10px;
}

.table-loader-text{
   font-size:14px;
   color:#666;
   font-weight:600;
   letter-spacing:.2px;
}

.stock-showall-wrap{
   display:inline-flex;
   align-items:center;
   gap:10px;
   border:1px solid #d7d7d7;
   border-radius:6px;
   padding:7px 14px;
   min-height:35px;
   background:#f8f8f8;
   margin-top:5px;
}

.stock-showall-wrap input[type="checkbox"]{
   width:16px;
   height:14px;
   margin:0;
}

.stock-showall-wrap span{
   font-size:12px;
   font-weight:600;
   color:#444;
   text-transform:uppercase;
}

@keyframes tableLoaderSpin{
   0%{transform:rotate(0deg);}
   100%{transform:rotate(360deg);}
}


.btn-eye-toggle{
   padding: 4px 4px !important;
   width: 25px !important;
   height: 34px;
   line-height: 1;
}

.btn-eye-toggle i{
   font-size: 12px !important;
}

.input-group-btn .btn-eye-toggle{
   border-left: 0;
}



/* ----------------------------------------------------------------------------------
   Professional Dashboard CSS
   Copy and paste this block at the bottom of main.css
---------------------------------------------------------------------------------- */
.dashboard-pro {
   padding-top: 5px;
}

.dashboard-pro .dash-hero {
   background: linear-gradient(135deg, #020132 0%, #0052cc 55%, #edab12 130%);
   border-radius: 12px;
   min-height: 135px;
   padding: 22px 24px;
   margin-bottom: 15px;
   color: #ffffff;
   display: flex;
   align-items: center;
   justify-content: space-between;
   box-shadow: 0 12px 28px rgba(2, 1, 50, 0.18);
   overflow: hidden;
   position: relative;
}

.dashboard-pro .dash-hero:before {
   content: "";
   position: absolute;
   right: -60px;
   top: -80px;
   width: 230px;
   height: 230px;
   background: rgba(255, 255, 255, 0.11);
   border-radius: 50%;
}

.dashboard-pro .dash-hero-left {
   display: flex;
   align-items: center;
   position: relative;
   z-index: 2;
}

.dashboard-pro .dash-hero-badge {
   width: 64px;
   height: 64px;
   border-radius: 18px;
   background: rgba(255, 255, 255, 0.18);
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 16px;
   border: 1px solid rgba(255, 255, 255, 0.25);
}

.dashboard-pro .dash-hero-badge i {
   font-size: 30px;
   color: #ffffff;
}

.dashboard-pro .dash-hero h2 {
   margin: 0;
   font-size: 25px;
   font-weight: 700;
   color: #ffffff;
}

.dashboard-pro .dash-hero p {
   margin: 6px 0 0 0;
   color: rgba(255, 255, 255, 0.88);
   font-size: 14px;
}

.dashboard-pro .dash-hero-right {
   text-align: right;
   position: relative;
   z-index: 2;
}

.dashboard-pro .dash-hero-total {
   background: rgba(255, 255, 255, 0.14);
   border: 1px solid rgba(255, 255, 255, 0.18);
   border-radius: 12px;
   padding: 10px 16px;
   min-width: 190px;
}

.dashboard-pro .dash-hero-total span {
   display: block;
   font-size: 12px;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   color: rgba(255, 255, 255, 0.80);
}

.dashboard-pro .dash-hero-total strong {
   display: block;
   font-size: 30px;
   line-height: 1;
   padding-top: 5px;
}

.dashboard-pro .dash-hero-date {
   margin-top: 8px;
   font-size: 13px;
   color: rgba(255, 255, 255, 0.86);
}

.dashboard-pro .dash-summary-row {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   grid-gap: 10px;
   margin-bottom: 10px;
}

.dashboard-pro .dash-section-card {
   background: #ffffff;
   border-radius: 12px;
   padding: 16px;
   min-height: 175px;
   border: 1px solid #e6eaf2;
   box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
   position: relative;
   overflow: hidden;
}

.dashboard-pro .dash-section-card:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   height: 5px;
}

.dashboard-pro .dash-section-top {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
}

.dashboard-pro .dash-section-top h3 {
   margin: 8px 0 2px 0;
   font-size: 31px;
   font-weight: 800;
   color: #222222;
}

.dashboard-pro .dash-section-top p {
   margin: 0;
   font-size: 13px;
   font-weight: 600;
   color: #666666;
}

.dashboard-pro .dash-section-icon {
   width: 48px;
   height: 48px;
   border-radius: 14px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.dashboard-pro .dash-section-icon i {
   font-size: 22px;
}

.dashboard-pro .dash-progress-wrap {
   margin-top: 18px;
}

.dashboard-pro .dash-progress-label {
   display: flex;
   justify-content: space-between;
   font-size: 11px;
   font-weight: 700;
   color: #777777;
   margin-bottom: 5px;
   text-transform: uppercase;
}

.dashboard-pro .dash-progress-bar {
   width: 100%;
   height: 7px;
   border-radius: 20px;
   background: #eef1f6;
   overflow: hidden;
}

.dashboard-pro .dash-progress-bar span {
   display: block;
   height: 7px;
   border-radius: 20px;
}

.dashboard-pro .dash-card-actions {
   display: flex;
   gap: 7px;
   margin-top: 14px;
}

.dashboard-pro .dash-post-form {
   margin: 0;
   flex: 1;
}

.dashboard-pro .dash-action-btn {
   width: 100%;
   height: 29px;
   border: none;
   border-radius: 7px;
   font-size: 12px;
   font-weight: 700;
   color: #ffffff;
   cursor: pointer;
}

.dashboard-pro .dash-action-light {
   background: #f3f6fb !important;
   color: #333333 !important;
}

.dashboard-pro .dash-singithi:before,
.dashboard-pro .dash-singithi .dash-progress-bar span,
.dashboard-pro .dash-singithi .dash-action-btn {
   background: #00a6d6;
}

.dashboard-pro .dash-cub:before,
.dashboard-pro .dash-cub .dash-progress-bar span,
.dashboard-pro .dash-cub .dash-action-btn {
   background: #edab12;
}

.dashboard-pro .dash-scout:before,
.dashboard-pro .dash-scout .dash-progress-bar span,
.dashboard-pro .dash-scout .dash-action-btn {
   background: #00833e;
}

.dashboard-pro .dash-rover:before,
.dashboard-pro .dash-rover .dash-progress-bar span,
.dashboard-pro .dash-rover .dash-action-btn {
   background: #990000;
}

.dashboard-pro .dash-singithi .dash-section-icon {
   background: rgba(0, 166, 214, 0.12);
   color: #0084aa;
}

.dashboard-pro .dash-cub .dash-section-icon {
   background: rgba(237, 171, 18, 0.15);
   color: #b87700;
}

.dashboard-pro .dash-scout .dash-section-icon {
   background: rgba(0, 131, 62, 0.12);
   color: #006b32;
}

.dashboard-pro .dash-rover .dash-section-icon {
   background: rgba(153, 0, 0, 0.10);
   color: #990000;
}

.dashboard-pro .dash-quick-panel {
   background: #ffffff;
   border-radius: 12px;
   padding: 14px 16px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 10px;
   border: 1px solid #e6eaf2;
   box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05);
}

.dashboard-pro .dash-quick-title h3 {
   margin: 0;
   color: #020132;
   font-size: 18px;
   font-weight: 800;
}

.dashboard-pro .dash-quick-title p {
   margin: 3px 0 0 0;
   color: #666666;
   font-size: 13px;
}

.dashboard-pro .dash-quick-actions {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-end;
   gap: 7px;
}

.dashboard-pro .dash-quick-actions form {
   margin: 0;
}

.dashboard-pro .dash-quick-actions button {
   border: 1px solid #dbe3f0;
   background: #f7f9fc;
   color: #020132;
   height: 32px;
   padding: 0 12px;
   border-radius: 8px;
   font-size: 12px;
   font-weight: 700;
}

.dashboard-pro .dash-quick-actions button:hover {
   background: #0052cc;
   color: #ffffff;
   border-color: #0052cc;
}

.dashboard-pro .dash-stage-panel {
   background: #ffffff;
   border-radius: 12px;
   padding: 15px;
   margin-bottom: 10px;
   border: 1px solid #e6eaf2;
   box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05);
}

.dashboard-pro .dash-stage-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-bottom: 1px solid #edf0f5;
   padding-bottom: 10px;
   margin-bottom: 12px;
}

.dashboard-pro .dash-stage-header h3 {
   margin: 0;
   font-size: 18px;
   font-weight: 800;
   color: #020132;
}

.dashboard-pro .dash-stage-header p {
   margin: 3px 0 0 0;
   font-size: 13px;
   color: #666666;
}

.dashboard-pro .dash-stage-header span {
   border-radius: 20px;
   padding: 5px 12px;
   font-size: 12px;
   font-weight: 800;
   color: #ffffff;
}

.dashboard-pro .dash-stage-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   grid-gap: 8px;
}

.dashboard-pro .dash-stage-card {
   min-height: 72px;
   background: #f8fafc;
   border: 1px solid #edf0f5;
   border-radius: 10px;
   padding: 10px;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.dashboard-pro .dash-stage-code {
   width: 42px;
   height: 42px;
   border-radius: 12px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #ffffff;
   font-size: 12px;
   font-weight: 800;
   margin-right: 10px;
   flex: 0 0 42px;
}

.dashboard-pro .dash-stage-info {
   flex: 1;
   min-width: 0;
}

.dashboard-pro .dash-stage-info h4 {
   margin: 0;
   font-size: 20px;
   font-weight: 800;
   color: #222222;
}

.dashboard-pro .dash-stage-info p {
   margin: 1px 0 0 0;
   font-size: 12px;
   line-height: 15px;
   color: #666666;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.dashboard-pro .dash-stage-percent {
   font-size: 12px;
   font-weight: 800;
   color: #444444;
   padding-left: 6px;
}

.dashboard-pro .dash-singithi .dash-stage-code,
.dashboard-pro .dash-singithi .dash-stage-header span {
   background: #00a6d6;
}

.dashboard-pro .dash-cub .dash-stage-code,
.dashboard-pro .dash-cub .dash-stage-header span {
   background: #edab12;
}

.dashboard-pro .dash-scout .dash-stage-code,
.dashboard-pro .dash-scout .dash-stage-header span {
   background: #00833e;
}

.dashboard-pro .dash-rover .dash-stage-code,
.dashboard-pro .dash-rover .dash-stage-header span {
   background: #990000;
}

.dashboard-pro .dash-motto-card {
   background: #ffffff;
   border-radius: 12px;
   min-height: 125px;
   padding: 16px 20px;
   border: 1px solid #e6eaf2;
   display: flex;
   align-items: center;
   justify-content: space-between;
   box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05);
   margin-bottom: 10px;
}

.dashboard-pro .dash-motto-text h3 {
   margin: 0;
   font-size: 22px;
   color: #020132;
   font-weight: 800;
}

.dashboard-pro .dash-motto-text p {
   margin: 6px 0 0 0;
   color: #990000;
   font-size: 17px;
   font-weight: 800;
}

.dashboard-pro .dash-motto-logo img {
   max-height: 95px;
   max-width: 140px;
}

@media screen and (max-width: 1199px) {
   .dashboard-pro .dash-summary-row {
      grid-template-columns: repeat(2, 1fr);
   }

   .dashboard-pro .dash-stage-grid {
      grid-template-columns: repeat(3, 1fr);
   }
}

@media screen and (max-width: 991px) {
   .dashboard-pro .dash-hero,
   .dashboard-pro .dash-quick-panel,
   .dashboard-pro .dash-motto-card {
      display: block;
      text-align: left;
   }

   .dashboard-pro .dash-hero-right {
      text-align: left;
      margin-top: 14px;
   }

   .dashboard-pro .dash-quick-actions {
      justify-content: flex-start;
      margin-top: 10px;
   }

   .dashboard-pro .dash-stage-grid {
      grid-template-columns: repeat(2, 1fr);
   }

   .dashboard-pro .dash-motto-logo {
      margin-top: 12px;
   }
}

@media screen and (max-width: 767px) {
   .dashboard-pro .dash-summary-row,
   .dashboard-pro .dash-stage-grid {
      grid-template-columns: 1fr;
   }

   .dashboard-pro .dash-hero {
      padding: 16px;
   }

   .dashboard-pro .dash-hero-left {
      display: block;
   }

   .dashboard-pro .dash-hero-badge {
      margin-bottom: 12px;
   }

   .dashboard-pro .dash-card-actions {
      display: block;
   }

   .dashboard-pro .dash-post-form {
      margin-bottom: 6px;
   }
}


/* ----------------------------------------------------------------------------------
   Dashboard old icon image additions
   Copy below at the bottom of main.css after the Professional Dashboard CSS block.
---------------------------------------------------------------------------------- */
.dashboard-pro .dash-hero-badge img {
   max-width: 52px;
   max-height: 52px;
   object-fit: contain;
}

.dashboard-pro .dash-section-icon.dash-section-image {
   background: rgba(255, 255, 255, 0.88) !important;
   border: 1px solid #edf0f5;
   box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
}

.dashboard-pro .dash-section-icon.dash-section-image img {
   max-width: 40px;
   max-height: 40px;
   object-fit: contain;
}

.dashboard-pro .dash-stage-code.dash-stage-image-code {
   background: #ffffff !important;
   border: 1px solid #e4e9f2;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.dashboard-pro .dash-stage-code.dash-stage-image-code img {
   max-width: 34px;
   max-height: 34px;
   object-fit: contain;
}




/* =========================================================
   Professional Progress Pool Pages
   prg-pool-sg.php / prg-pool-cb.php / prg-pool-rv.php
   Paste at bottom of main.css
========================================================= */
.prg-pool-pro .box {
   border-radius: 8px;
   border-top: 3px solid #008d4c;
   box-shadow: 0 2px 12px rgba(2, 1, 50, 0.08);
}

.prg-pool-stats {
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   gap: 12px;
   margin-bottom: 14px;
}

.prg-stat-card {
   min-height: 86px;
   background: #ffffff;
   border-radius: 9px;
   padding: 14px 16px;
   box-shadow: 0 2px 10px rgba(2, 1, 50, 0.07);
   border-left: 5px solid #008d4c;
}

.prg-stat-card span {
   display: block;
   color: #666666;
   font-size: 12px;
   text-transform: uppercase;
   font-weight: 700;
}

.prg-stat-card strong {
   display: block;
   font-size: 27px;
   line-height: 1.1;
   color: #222222;
   margin-top: 5px;
}

.prg-stat-card small {
   color: #777777;
   font-weight: 600;
   text-transform: uppercase;
}

.prg-stat-total { border-left-color: #0052cc; }
.prg-stat-scout { border-left-color: #008d4c; }
.prg-stat-air { border-left-color: #00a7d0; }
.prg-stat-sea { border-left-color: #3c8dbc; }
.prg-stat-gender { border-left-color: #edab12; }
.prg-stat-singithi { border-left-color: #00bfff; }
.prg-stat-cub { border-left-color: #ff9900; }
.prg-stat-rover { border-left-color: #990000; }
.prg-stat-stage { border-left-color: #020132; }

.prg-filter-box,
.prg-table-box {
   margin-bottom: 14px;
}

.prg-filter-header,
.prg-table-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.prg-filter-header h3,
.prg-table-header h3 {
   margin: 0;
   font-weight: 700;
   color: #020132;
}

.prg-filter-body label {
   color: #020132;
   font-size: 12px;
   text-transform: uppercase;
   letter-spacing: .3px;
   font-weight: 700;
}

.prg-filter-row2 {
   margin-top: 10px;
}

.prg-show-all-box {
   height: 30px;
   border: 2px solid #d2d6de;
   border-radius: 5px;
   background: #ffffff;
   display: flex;
   align-items: center;
   gap: 7px;
   padding: 0 9px;
   color: #444444;
   font-weight: 600;
}

.prg-show-all-box input[type=checkbox] {
   margin: 0;
}

.prg-record-pill {
   background: #e8f5ee;
   color: #008d4c;
   border: 1px solid #bfe7d0;
   padding: 5px 12px;
   border-radius: 20px;
   font-size: 12px;
   font-weight: 700;
   margin-left: 10px;
}

.prg-professional-table thead th {
   background: #f4f7fb;
   color: #020132 !important;
   text-transform: uppercase;
   font-size: 11px;
   vertical-align: middle !important;
}

.prg-professional-table tbody td {
   vertical-align: middle !important;
}

.prg-status-badge {
   display: inline-block;
   min-width: 65px;
   padding: 3px 7px;
   border-radius: 3px;
   background: #e8f5ee;
   color: #006600;
   font-size: 10px;
   font-weight: 700;
   text-transform: uppercase;
}

.prg-pool-pro.form-group {
   margin-bottom: 14px !important;
}

.prg-pool-pro .prg-filter-body .form-group {
   margin-left: 0 !important;
   margin-right: 0 !important;
   margin-bottom: 10px !important;
}

.prg-pool-pro .prg-filter-body .row {
   margin-left: -5px !important;
   margin-right: -5px !important;
}

.prg-pool-pro .prg-filter-body [class^="col-md-"],
.prg-pool-pro .prg-filter-body [class*=" col-md-"] {
   padding-left: 5px !important;
   padding-right: 5px !important;
}

.prg-table-box .box-body {
   width: 100% !important;
   overflow: hidden;
}

.prg-table-box .table-loader-wrap,
.prg-table-box .dataTables_wrapper,
.prg-table-box .dataTables_scroll,
.prg-table-box .dataTables_scrollHead,
.prg-table-box .dataTables_scrollBody {
   width: 100% !important;
}

.prg-table-box .dataTables_scrollHeadInner {
   width: 100% !important;
   padding-right: 0 !important;
}

.prg-table-box .dataTables_scrollHeadInner table,
.prg-table-box .dataTables_scrollBody table,
.prg-professional-table {
   /* width: 100% !important; */
   margin-left: 0 !important;
   margin-right: 0 !important;
}

.prg-table-box .dataTables_scrollBody {
   overflow-x: auto !important;
   overflow-y: hidden !important;
}

.prg-table-box .dataTables_scrollHead table.dataTable,
.prg-table-box .dataTables_scrollBody table.dataTable {
   border-collapse: collapse !important;
}

@media screen and (max-width: 991px) {
   .prg-pool-stats {
      grid-template-columns: repeat(2, 1fr);
   }

   .prg-filter-header,
   .prg-table-header {
      display: block;
   }

   .prg-filter-actions-top {
      margin-top: 10px;
   }
}

@media screen and (max-width: 600px) {
   .prg-pool-stats {
      grid-template-columns: 1fr;
   }
}


.dataTables_wrapper .dataTables_length {
   margin-left: 30px;
   margin-bottom: 15px;
}

/* =========================================================
   Troops Summary Section Readability
   Paste at bottom of main.css
   Scope: troops-summary.php only
========================================================= */
.tr-summary-section-table thead th {
   text-align: center !important;
   vertical-align: middle !important;
   white-space: nowrap !important;
}

.tr-summary-section-table .trs-fixed-head {
   background: #f4f7fb !important;
   color: #020132 !important;
   border-top: 3px solid #020132 !important;
   border-bottom: 3px solid #020132 !important;
}

.tr-summary-section-table .trs-sec-title {
   font-size: 12px !important;
   font-weight: 800 !important;
   text-transform: uppercase !important;
   letter-spacing: .3px !important;
   border-top-width: 3px !important;
   border-bottom-width: 3px !important;
   border-top-style: solid !important;
   border-bottom-style: solid !important;
}

.tr-summary-section-table .trs-sec-sin {
   background: #eaf9ff !important;
   color: #007fa3 !important;
   border-color: #00a7d0 !important;
}

.tr-summary-section-table .trs-sec-cub {
   background: #fff7e8 !important;
   color: #b36b00 !important;
   border-color: #ff9900 !important;
}

.tr-summary-section-table .trs-sec-scout {
   background: #edf9f2 !important;
   color: #00733d !important;
   border-color: #008d4c !important;
}

.tr-summary-section-table .trs-sec-rover {
   background: #fff0f0 !important;
   color: #990000 !important;
   border-color: #990000 !important;
}

.tr-summary-section-table .trs-sin-cell {
   color: #007fa3 !important;
   font-weight: 700 !important;
}

.tr-summary-section-table .trs-cub-cell {
   color: #b36b00 !important;
   font-weight: 700 !important;
}

.tr-summary-section-table .trs-scout-cell {
   color: #00733d !important;
   font-weight: 700 !important;
}

.tr-summary-section-table .trs-rover-cell {
   color: #990000 !important;
   font-weight: 700 !important;
}

.tr-summary-section-table .trs-sec-start {
   border-left: 4px solid currentColor !important;
}

.tr-summary-section-table .trs-sec-end {
   border-right: 4px solid currentColor !important;
}

.tr-summary-section-table .trs-sec-bottom {
   border-bottom-width: 3px !important;
   border-bottom-style: solid !important;
}

.tr-summary-section-table tbody tr:hover td {
   background: #f9fbff !important;
}

/* ===== Troops Summary Non Active Column ===== */
.prg-stat-non-active {
   border-left: 5px solid #6c757d !important;
}

.trs-non-active-cell {
   color: #6c1b1b !important;
   font-weight: 700 !important;
   background: #fff3f3 !important;
   border-left: 3px solid #8b0000 !important;
   border-right: 3px solid #8b0000 !important;
}


/* ===== Rover PRG UPD ===== */
.rv-badge-table th,
.rv-badge-table td {
    font-size: 12px;
    vertical-align: middle !important;
}

.rv-badge-table th {
    color: #0000cc;
    text-transform: uppercase;
}

span[id^='check-service-'],
span[id^='check-age-'],
span[id^='check-badge-'] {
    display: block;
    margin-top: 3px;
    min-height: 0;
    line-height: 14px;
}

span[id^='check-service-']:empty,
span[id^='check-age-']:empty,
span[id^='check-badge-']:empty {
    display: none;
    margin: 0;
    padding: 0;
    min-height: 0;
    line-height: 0;
}

#mb_form .box-body,
#rib_form .box-body,
#rsi_form .box-body,
#fsb_form .box-body,
#gcd_form .box-body,
#bpa_form .box-body {
    padding-bottom: 0 !important;
}


#mb_form .box-footer.no-top-border,
#rib_form .box-footer.no-top-border,
#rsi_form .box-footer.no-top-border,
#fsb_form .box-footer.no-top-border,
#gcd_form .box-footer.no-top-border,
#bpa_form .box-footer.no-top-border {
    padding-top: 4px !important;
}


/* -------- Company Name in Top Navbar -------- */
.navbar-company-name {
   float: left;
   height: 50px;
   line-height: 50px;
   margin-left: 15px;
   color: #ffffff;
   font-size: 20px;
   font-weight: 600;
   letter-spacing: 0.4px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 500px;
   text-transform: uppercase;
}

/* Mobile */
@media (max-width: 767px) {
   .navbar-company-name {
      font-size: 15px;
      max-width: 180px;
      margin-left: 10px;
   }
}




/* ---------------- Sidebar Icon Color + Sub Menu Arrow ---------------- */

.skin-blue .main-sidebar .sidebar-menu > li > a > i.fa,
.skin-blue .main-sidebar .sidebar-menu > li > a > .fa{
   color: #b8c7ce !important;
   font-size: 15px;
   width: 20px;
}

.skin-blue .main-sidebar .sidebar-menu > li.active > a > i.fa,
.skin-blue .main-sidebar .sidebar-menu > li:hover > a > i.fa,
.skin-blue .main-sidebar .sidebar-menu > li.menu-open > a > i.fa{
   color: #edab12 !important;
}

/* Change inside submenu circle icon to arrow */
.skin-blue .main-sidebar .sidebar-menu .treeview-menu > li > a > i.fa-circle-o{
   font-size: 0 !important;
   width: 20px;
   text-align: center;
}

.skin-blue .main-sidebar .sidebar-menu .treeview-menu > li > a > i.fa-circle-o:before{
   content: "\f090";
   font-family: FontAwesome;
   font-size: 14px;
   color: #b8c7ce;
}

/* Hover / active submenu arrow color */
.skin-blue .main-sidebar .sidebar-menu .treeview-menu > li.active > a > i.fa-circle-o:before,
.skin-blue .main-sidebar .sidebar-menu .treeview-menu > li > a:hover > i.fa-circle-o:before{
   color: #edab12;
}


/* ---------------- Sidebar Main Icons + Submenu Arrow Icons ---------------- */

/* Main menu icon normal colour */
.skin-blue .main-sidebar .sidebar-menu > li > a > i,
.skin-blue .main-sidebar .sidebar-menu > li > a > .fa,
.skin-blue .main-sidebar .sidebar-menu > li > a > .glyphicon,
.skin-blue .main-sidebar .sidebar-menu > li > a > .ion{
   color: #00c0ef !important;   /* ICON NORMAL COLOUR */
   font-size: 15px;
   width: 20px;
   text-align: center;
}

/* Main menu icon hover / active colour */
.skin-blue .main-sidebar .sidebar-menu > li:hover > a > i,
.skin-blue .main-sidebar .sidebar-menu > li.active > a > i,
.skin-blue .main-sidebar .sidebar-menu > li.menu-open > a > i{
   color: #edab12 !important;   /* ICON HOVER / ACTIVE COLOUR */
}

/* Submenu circle hide */
.skin-blue .main-sidebar .sidebar-menu .treeview-menu > li > a > i.fa-circle-o{
   font-size: 0 !important;
   width: 20px;
   text-align: center;
}

/* Submenu arrow icon */
.skin-blue .main-sidebar .sidebar-menu .treeview-menu > li > a > i.fa-circle-o:before{
   content: "\f090";
   font-family: FontAwesome;
   font-size: 14px;
   color: #00c0ef !important;   /* SUBMENU ARROW NORMAL COLOUR */
   margin-right: 10px;
}

/* Submenu arrow hover / active colour */
.skin-blue .main-sidebar .sidebar-menu .treeview-menu > li:hover > a > i.fa-circle-o:before,
.skin-blue .main-sidebar .sidebar-menu .treeview-menu > li.active > a > i.fa-circle-o:before{
   color: #edab12 !important;   /* SUBMENU ARROW HOVER COLOUR */
}





        .troop-reset-inline{
            display:flex;
            align-items:center;
            gap:8px;
            max-width:520px;
        }

        .troop-reset-input{
            width:210px !important;
            max-width:210px;
        }

        .troop-reset-refresh{
            width:42px !important;
            min-width:42px !important;
            padding-left:0 !important;
            padding-right:0 !important;
            text-align:center !important;
        }

        .troop-reset-submit{
            min-width:118px;
        }