.button_black{padding: 6px 12px;background-color:#343a40;color: #fff; border: 1px solid #343a40; font-size: 16px;font-weight: 500; }
.button_black:focus, .button_black:active{background-color: #343a40; color: #fff;}
.button_blue{padding: 6px 12px;background-color:#285379;color: #fff; border: 1px solid #285379; font-size: 16px;font-weight: 500;}
.button_blue:focus, .button:active{background-color: #285379; color: #fff;}
.button_blue:hover{color: white; text-decoration: none;}


.button{padding: 6px 12px;color: #fff;background-color: #285379;border-radius: 4px; border: 1px solid transparent;}
.button:hover{background-color: #285379; color: #fff;}
.button a:hover{color: #fff;}
.layout-fixed .main-sidebar{background-color: #285379  !important;}
.content-wrapper{background-color: #999 !important;}
[class*=sidebar-dark] .brand-link{border: 0;display: inline-block;background-color: #FFF;padding: 5px 0;}
.brand-link {display: block;width: 100%;text-align: center;}
.brand-link .brand-image{float: none !important;margin: 0;box-shadow:none !important;max-height: inherit !important;width: 145px !important;padding: 0 !important;margin: 0 !important;}

.nav-sidebar .nav-item>.nav-link, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link{color: #FFF;}
.notes {display: block;width: 40%;}
.notes .form-group{display: block;width: 100%;padding-top: 5px;}
.notes .form-group label{display: block;width: 100%;font-size: 14px;font-weight: 800;line-height: normal;color: #000000;}
.notes .form-group textarea{display: block;width: 100%;height: 100px;margin: 0;padding: 10px;font-size: 14px;font-weight: 400;line-height: normal;border: 2px solid #343a40;border-radius: 0px;background-color: #FFF;color: #7a7a7a;-moz-appearance: none;-webkit-appearance: none;appearance: none;outline: none;}
table.product_cart_table, total_table {width: 100%;background-color: #ffffff;border-collapse: collapse;color: #FFFFFF;background-color: transparent;}
table.product_cart_table th{padding: 0 6px;}
table.product_cart_table td {border-bottom: 1px solid #000;padding: 3px;color: #000000;padding: 5px;}
table.product_cart_table thead {background-color: #285379 ;}
.total_table{width: 30%;float: right;border-bottom: 1px solid #000;list-style: none;}

.btn-primary{background-color: #204260 !important;border-color: #204260 !important;}

.breadcrumb-item a{color: #FFF !important; font-size: 18px;}

.page-item.active .page-link{background-color: #204260 !important;border-color: #204260 !important;}

.main-footer .link{color: #204260 !important;}

.pdf_link{font-size: 28px;line-height: 1;color: #204260;}

.calender_popUp .modal-dialog .modal-content .modal-header{background-color: #204260;}
.calender_popUp .modal-dialog .modal-content .modal-header .lab_space{color: #FFF;}
.calender_popUp .modal-dialog .modal-content .modal-header .close{color: #fff;text-shadow: inherit;opacity: 1;}

.fc-daygrid-event{white-space: normal !important;}


/* ==================content-header================== */

.content-header .col-md-6.col-sm-12 { max-width: 100%;}

.content-header .filed {display: flex; flex-direction: column; padding: 10px 0;}

.content-header .filed label { margin-right: 20px; margin-bottom: 0;}
.card-body .radio_btn{display: flex; flex-direction: row;}
.search_btn{display: flex; flex: auto; justify-content: end;}
/* .content-header .card-body form{ display: flex; flex-wrap: wrap; justify-content: space-between;} */
/* .button{display: flex; flex: auto; justify-content: end;} */
 


.content .card .card-header{background-color:#285379; padding:15px; color: #fff;}
.content .card .card-header .card-title{font-size: 25px; font-weight: 600;}
.content .card .card-header .title{font-size: 28px; font-weight: 500;}
.content .card .card-header .heading{font-size: 22px; justify-content: center;align-items: center; display: flex;}
.content .card .card-header .sub_head {font-size: 22px; justify-content: start;align-items:start; display: flex;}
.card_candidate tr th{font-size: 14px; font-weight: 700;}
.card_candidate tr td{font-size: 15px;}
.card .card-footer{background-color: #fff;}
.content-header{padding: 15px 15px;}
.content-header h1{font-size: 20px !important;}
.breadcrumb-item+.breadcrumb-item::before{font-size: 20px; color: #204260 !important;}
table thead th{background-color: #285379 !important; color: #FFF !important;}
.columnheader a{color: #FFF;}
.sidebar .nav-sidebar .nav-item { width: 100%;}
.sidebar .nav-sidebar .nav-item .nav-link p { white-space: normal; vertical-align: top;}
.fixed_table .table{display:table;table-layout:fixed;overflow:scroll;width:1200px;}
.break-text {word-break: break-all;}

.check .break-text{ border: 1px solid #2c70c1;
    padding: 5px;
    background: lightsteelblue;
}

/* ==================content-header================== */

/* Krishna added candidate progress card css */

/* Backdrop */
.offcanvas-backdrop { position: fixed;inset: 0;background: rgba(0,0,0,0.5); z-index: 1049;}
#candidateModal.custom-offcanvas{width:540px;position: fixed;bottom: 0;z-index: 1050;display: flex;flex-direction: column;max-width: 100%;visibility: hidden;background-color: #fff;background-clip: padding-box;outline: 0;transition: transform .3s ease-in-out;height:100%;right: 0;top: 0;}
#candidateModal.custom-offcanvas.show{visibility:visible;transform:translateX(0);}
#candidateModal .offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px;background-color:#285379;color:#FFF;}
#candidateModal .offcanvas-header h5{font-size:24px;font-weight: 700;line-height: 1.5;margin-bottom: 0;}
#candidateModal .offcanvas-header .btn_close{color:#FFF;box-shadow:none;outline:none;background-color:transparent;border:0;font-size:24px;}
#candidateModal .offcanvas-body{flex-grow: 1;padding:16px 16px;overflow-y: auto;}
#candidateModal .offcanvas-body .card{border-radius:14px;background-color:#FFF;}
#candidateModal .offcanvas-body .card h6{display:block;width:100%;color:#285379;font-size:22px;font-weight:800;}
#candidateModal .offcanvas-body .card .form_group{display:flex;justify-content:flex-start;align-items:center;gap:10px;margin-bottom:4px;}
#candidateModal .offcanvas-body .card .form_group label{display:inline-block;min-width:15%;width:100%;max-width:40%;font-size:16px;font-weight:600;color:#000;margin-bottom:0;}
#candidateModal .offcanvas-body .card .form_group .value{display:inline-block;width:calc(100% - 40%);font-size:16px;font-weight:400;color:#000;}
#candidateModal .offcanvas-body .step{display:block;width:100%;margin:0;padding:0;}
#candidateModal .offcanvas-body .step-box{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;border:1px solid #eee;border-radius:14px;padding:15px;flex-wrap:wrap;}
#candidateModal .offcanvas-body .step-box.disabled{opacity:0.7;cursor:not-allowed;background-color:#f1f1f1;}
#candidateModal .offcanvas-body .step-box.disabled .test_table{opacity:0.7;cursor:not-allowed;background-color:#f1f1f1;}
#candidateModal .offcanvas-body .step-box .box-left{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:60%;flex:0 0 calc(60% - 10px);}
#candidateModal .offcanvas-body .step-box .box-left .box_head{display:flex;justify-content:flex-start;align-items:center;gap:10px;margin-bottom:10px;}
#candidateModal .offcanvas-body .step-box .box-left .box_head span{display:inline-block;font-size:16px;font-weight:600;color:#000;}
#candidateModal .offcanvas-body .step-box .box-left .box_head .step-number{display: inline-block;min-width: 26px;width: 26px;height: 26px;text-align: center;border-radius: 50%;background: #cbcbcb;font-weight: 600;}
#candidateModal .offcanvas-body .step-box .box-left .box_body{display:flex;justify-content:flex-start;align-items:center;gap:10px;margin-bottom:10px;}
#candidateModal .offcanvas-body .step-box .box-left .box_body p{display: inline-block;width:100%;font-size:14px;font-weight:400;}
#candidateModal .offcanvas-body .step-box .box-right{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex:0 0 calc(40% - 10px);width:40%;}
#candidateModal .offcanvas-body .step-box .box-right .form_group{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:4px 0;margin-bottom:8px;width:100%;}
#candidateModal .offcanvas-body .step-box .box-right .form_group span{display:inline;padding:4px 6px;border-radius:50px;font-size:12px;line-height:1.2;font-weight:600;color:#FFF;}
#candidateModal .offcanvas-body .step-box .box-right .form_group label{display:inline-block;font-size:14px;font-weight:600;color:#000;margin-bottom:4px;line-height:1.2;}
#candidateModal .offcanvas-body .step-box .box-right .form_group .form-control,
#candidateModal .offcanvas-body .step-box .box-right .form_group .form-select{font-size:14px;font-weight:400;color:#000;line-height:1.2;}
#candidateModal .offcanvas-body .step-box .box-footer{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex:1 1 100%;}
#candidateModal .offcanvas-body .step-box .box-footer .form_group{display:block;width:100%;}

.card .primary_header{background-color: #00557e; color: white;}
.card .primary_header strong{font-weight: 600; font-size: 20px;}
.job_apply .hr_label label{font-size: 18px;}
.job_apply .filed.hr_label select ,textarea{font-size: 16px;}
#comment{font-size: 16px;}
.nav_head{background-color: #f4f4f4;}
.ref_box{display: flex; justify-content: center; flex-direction: column;} 
.ref_box .filed label{margin-bottom: 15px;}
.view_res{margin: 0 0 0 auto;}
.job_apply.appli_form{padding: 30px 30px;}
.job_apply .job_title.appli_title{padding:0 0 20px 0;}
.job_detailsinfo.appli_details{padding: 40px 40px ;}
.filed.app_filed input{height: 35px; padding: 10px !important;}
.filed.app_filed .app_select{height: 35px; padding: 6px 8px;} 



.resultPadding span{padding:5px 10px;}
.files{margin-left: 10px;}
.mcq_list{border-bottom: none;}
.hrTagcss{border-top:1px solid #ccc;margin-top: 15px;margin-bottom: 15px; }
.hr-test-summary {background-color:#dedede;border: 3px solid #0b5e8e;border-radius: 10px;padding: 30px;}
.hr-test-summary h3 {margin-bottom: 20px;color: #000;font-size: 20px;font-weight: 600;}
.summary-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;}
.summary-item {background: #ffffff;padding: 15px;border-radius: 10px;text-align: center;}
.summary-item span {display: block;font-size: 20px;color: #000; font-weight: 500;}
.summary-item strong {font-size: 20px;color: #000;}
.result-box {margin-top: 20px;padding: 15px;text-align: center;color: #fff;}
.result-box h4{font-size: 18px;font-weight: 600; color: #fff;}
.result-box p{color: #fff; font-weight: 600;margin-top: 10px;font-size: 18px;}
.excellent {background: #3ed760;}
.excellent h4{font-size: 18px; font-weight: 600;}
.acceptable {background: #ebc654;color: #000;}
.poor {background: #e46572;}
.back_btn a:hover{color: #fff;}
.box_btn{display: flex; justify-content: end;}
.file_icon{background-color:#343a40 ;}
.file_icon i{margin-top: 4px;}
#backButton{display: flex; justify-content: end; margin-bottom: 15px;}
.score{font-size: 15px; font-weight: 700;}
.labels{display: block;width: 100%;font-size: 16px;font-weight: 600;line-height: 1.2;color: #FFFFFF;margin-bottom: 10px;text-transform: capitalize;}
/* .hr-test-summary {background: #eaf4fb;border: 3px solid #0b5e8e;border-radius: 20px;padding: 20px;}
.hr-test-summary h3 {margin-bottom: 20px;color: #0b5e8e;}
.summary-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;}
.summary-item {background: #ffffff;padding: 15px;border-radius: 10px;text-align: center;}
.summary-item span {display: block;font-size: 14px;color: #555;}
.summary-item strong {font-size: 22px;color: #000;}
.result-box {margin-top: 20px;padding: 15px;border-radius: 12px;text-align: center;color: #fff;}
.result-box p{color: #fff}
.excellent {background: #3ed760;}
.acceptable {background: #ebc654;color: #000;}
.poor {background: #dc3545;} */


@media only screen and (max-width: 767px){
  #candidateModal .offcanvas-body .step-box{flex-direction:column;}
  #candidateModal .offcanvas-body .step-box .box-left,
  #candidateModal .offcanvas-body .step-box .box-right{width:100%;}
}
@media only screen and (max-width: 479px){
  #candidateModal .offcanvas-body .step-box{overflow: scroll;}
  .examquestion .head_title h2{font-size: 30px;}
  .job_apply.appli_form{padding: 20px 20px;}
  .summary-item span{font-size: 15px;}
  .hr-test-summary{padding: 20px;}
  .summary-item{padding: 10px;}
  .hr-test-summary h3{font-size: 15px;}
}
/* Krishna added candidate progress card css */
@media only screen and (max-width: 1200px){
  .view_btn{margin-top: 10px;}
}

@media (min-width: 992px){
  .sidebar-mini.sidebar-collapse .main-sidebar, .sidebar-mini.sidebar-collapse .main-sidebar::before {margin-left: 0;width: 0;}
  .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .main-header{margin-left: 0rem!important;}
}

@media only screen and (max-width: 810px){
  .view_btn{margin-top: 10px;}
}

@media only screen and (max-width: 479px){
  .pagination{flex-wrap: wrap; justify-content:center;}
  .card_candidate{padding: 10px;}
  .job_detailsinfo.appli_details{padding:15px 0 15px 0;}
  .job_apply .job_title.appli_title h3{font-size: 20px;}
  .select2-container {
  width: 100% !important;
}

}
@media only screen and (max-width: 320px){
  .summary-item span{font-size: 10px;}
}




.deleteTestLog{padding:0 7px;}
.select2-container .select2-search--inline .select2-search__field{height: 23px !important; margin: 0 !important; width: max-content;}
.select2-container--bootstrap4.select2-container--open,
.select2-container--bootstrap4 .select2-selection--multiple {height: auto !important;min-height: 42px;overflow: visible !important;}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered {display: flex !important;flex-wrap: wrap !important;align-items: center;overflow: visible !important;}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {float: none !important;margin-bottom: 2px;}
.select2-container--bootstrap4 .select2-selection--multiple .select2-search--inline {flex: 1 1 auto !important;min-width: 60px !important;}
.select2-container--bootstrap4 .select2-search__field {width: 100%;min-width: 0 !important;}
.select2-container--bootstrap4 .select2-search{padding: 8px;}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice{background-color: #64748b !important; color:#FFF !important;}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove:hover{color:#FFF !important;}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove{color:#fff !important;font-size: 20px !important;margin-bottom: 4px;}
.select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected="true"]{background-color:#bdbdbd !important; color:#000 !important;}
.select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected="true"]:hover{background-color:#bdbdbd !important; color:#000 !important;}
.select2-container--bootstrap4 .select2-selection--multiple {min-height: 42px;padding: 6px 8px;border-radius: 6px;border: 1px solid #d1d5db;display: flex;flex-wrap: wrap;align-items: center;}
.select2-container--bootstrap4
.select2-selection__choice {background: #eef5ff;border: 1px solid #c7dcff;color: #1e3a8a;border-radius: 4px;padding: 2px 8px;margin: 3px 4px 3px 0;font-size: 13px;display: flex;align-items: center;line-height: 1.4;}
.select2-container--bootstrap4
.select2-selection__choice__remove {color: #64748b;font-weight: bold;margin-right: 6px;border: none !important;background: none !important;}
.select2-selection__choice__remove:hover {color: #dc2626;}
.select2-container--bootstrap4.select2-container--focus
.select2-selection--multiple {border-color: #2563eb;box-shadow: 0 0 0 2px rgba(37,99,235,.15);}
.select2-container--bootstrap4 .select2-selection__choice{font-size: 13px !important;}
.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered{line-height: 24px !important;}
.select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder{line-height: 24px !important;}
.candidate-info-card {display: grid;grid-template-columns: repeat(2, 1fr);gap: 16px;padding: 16px;border-radius: 10px;background: #f8f9fa;border: 1px solid #e3e6ea;}
.candidate-info-card .info-item {display: flex;flex-direction: row; align-items: center;}
.candidate-info-card .label {font-size: 13px;color: #6c757d;font-weight: 600;margin-bottom: 4px;}
.candidate-info-card .value {font-size: 16px;color: #212529;font-weight: 700;}
@media (max-width: 768px) {.candidate-info-card {display: flex;flex-direction: column;gap: 12px;padding: 12px;}
/* First block: image only */
.candidate-info-card .info-item:first-child {flex-direction: column;align-items: flex-center;}
.candidate-info-card .info-item:first-child .candidate_image {width: 100px;height: 100px;margin-right: 0;margin-bottom: 10px;}
/* Put reference number on separate row */
.candidate-info-card .info-item:first-child .d-flex.flex-column {width: 100%;}
/* Candidate name separate row */
.candidate-info-card .info-item:last-child {width: 100%;align-items: flex-start;}
.candidate-info-card .value {font-size: 14px;word-break: break-word;}
}
.profile_image{width:70px;height:70px;border-radius:8px;overflow:hidden;background:#f1f5f9;border:1px solid #e5e7eb;flex-shrink:0;margin-right:20px;}
.profile_image img{width:100%;height:100%;object-fit:cover;margin-right:20px;}
.candidate_image{width:100px;height:100px;border-radius:8px;overflow:hidden;background:#f1f5f9;border:1px solid #e5e7eb;flex-shrink:0;margin-right:20px;}
.candidate_image img{width:100%;height:100%;object-fit:cover;margin-right:20px;}
.skip-video-checkbox {width: 17px;height: 17px;}
.section-disabled {pointer-events: none;}
.section-disabled button {cursor: not-allowed;}
.test_section{margin-bottom: 5px;border:1px solid #00557e;background-color: rgb(239 239 239 / 70%);padding: 30px; margin: 0;}
.signature-canvas {width: 100%;height: 140px;border: 1px solid #000;touch-action: none;}
.error-text{color: #dc3545;font-size: 14px;margin-top: 4px;font-weight: 600;}