/*SBPFT CSS 2023*/
/*@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/Poppins-Regular.ttf') format('truetype');
}*/

/*body {
    font-family: 'Poppins-Regular', sans-serif;
}*/
.CommonDateColor {
    color: #c5267c;
    font-weight: 600;
}
.form-control[readonly] {
    background-color: #efecec;
}
.form-control[readonly].SingleDatePicker {
    background-color:#fff;
}
label {
    padding-bottom: 10px;
    font-size: 15px;
}
.PE-None-OP-05 {
    pointer-events: none;
}

.PE-None-OP-05:not(a) {
    background-color: #eef1f5;
}

a.PE-None-OP-05 {
    opacity: 0.5;
}

.PE-Inherit-OP-1 {
    pointer-events: inherit;
}

a.PE-Inherit-OP-1 {
    opacity: 1;
}

.DisplayBlock {
    display: block;
}

.DisplayNone {
    display: none;
}
.PE-None{
    pointer-events:none;
}
.spinner {
    display: block;
    position: relative;
    /*left: 35px;*/
    left: 15px;
    top: -35px;
}

.Pre-Loader {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.spinner.spinner-success:before {
    border: 2px solid #e3007b;
    border-right: 2px solid transparent;
}
.swal2-popup .swal2-title{
    font-weight:600;
}
.spinner:before {
    content: '';
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 0;
    border-radius: 50%;
    border: 2px solid #d1d3e0;
    border-right: 2px solid transparent;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: -0.75rem;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.tempus-dominus-widget.dark.show {
    border: 1px solid #009ef7;
    background-color: #f5f8fa !important;
}
.tempus-dominus-widget .day {
    border: 1px solid #009ef724;
}
.tempus-dominus-widget .day:hover {
    border: 1px solid #009ef7;
    background-color: #b5e3ff !important;
}
.Custom_datetime {
    cursor: pointer;
}
#footer .copyright {
    text-align: center;
    padding: 10px 0;
    color: white;
    font-size: 15px;
    background: linear-gradient(0deg, #00A3DA -10.97%, #0FBEF9 97.22%);
    box-shadow: 0px 4px 10px rgb(3 255 240 / 30%);
    border-radius: 30px 0px;
    max-width: 1200px;
    margin: auto;
}
.copyright a {
    color: #ffffff;
    font-weight: 600;
}
.PageTitle {
    background-color: #e3f5ff;
    border: 1px solid #a2cdf8;
    display: inline-block;
    width: -webkit-fill-available;
}
.PageBody {
    background-color: #fafafa;
    padding: 15px;
    border: 1px solid #d8d8d8;
    border-top: 0px;
    margin-top: -5px;
    min-height: calc(100% - 30%);
}
#kt_datatable_wrapper {
    padding: 0;
}
.common-btn-grey {
    font-size: 15px;
    border-radius: 20px;
    color: white;
    border: 1px solid #6d6d6d;
    background-color: #6d6d6d;
    text-align: center;
    white-space: nowrap;
    padding: 8px 30px;
    width:180px;
}

.common-btn-grey:hover {
    border: 1px solid #969696;
    color: #121212;
    background-color: #5b5b5b3b;
}
.common-btn {
    font-size: 15px;
    background-color: #009ef7;
    border-radius: 20px;
    color: white;
    border: 1px solid transparent;
    cursor: pointer;
    text-align: center;
    padding: 8px 15px;
}

.common-btn:hover {
    border: 1px solid #009ef7;
    color: #009ef7;
    background-color: transparent;
}
.color-red {
    color: #e3007b;
    padding: 20px 0;
}
.violet-color a:hover {
    color: #009ef7 !important;
}
.violet-color {
    color: #009ef7;
}
.AdvancedFilter {
    background-color: white;
    padding: 0 10px 10px;
    box-shadow: 0px 0px 15px 2px #e3f0ff;
    margin-bottom: 5px;
}
#AdvancedSearch button {
    margin-bottom: 15px;
    width: 100px;
    text-align: center;
}
.CategoryBody ul {
    margin: 0px 0 2px !important;
}

.CatTabs a {
    display: block;
    font-size: 17px;
    text-align: center;
    background-color: #f2faff !important;
    padding: 15px 20px !important;
    color: #5e6467 !important;
    font-weight: 600;
    box-shadow: 0px 5px 10px 0px #e6e6e6;
    margin-right: -1px !important;
}

.CatTabs a.active {
    background-color: #bde7ff !important;
    color: #009ef7 !important;
}
.SubCat {
    position: relative;
    background-color: rgb(255 0 170 / 10%);
    margin-bottom: 20px;
    padding: 15px;
    padding-left: 25px;
    padding-top: 10px;
}
.SubSubCat {
    padding-left: 25px;
    padding-top: 10px;
    position: relative;
    background-color: rgb(0 162 255 / 10%);
    margin-bottom: 20px;
    margin-left: 20px;
    width: 97%;
}

.QuestionBlock {
    position: relative;
    padding-bottom: 10px;
}

    .QuestionBlock .col-md-12 {
        font-size: 15px;
        margin-bottom: 5px;
    }

.QTitle h4 {
    padding: 5px;
    background-color: rgb(0 158 247 / 20%);
    margin-bottom: 15px;
    margin-top: 5px;
}
.SubSubBody {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 15px 5px;
    background-color: #f1f1f1;
}
.NoQuestionInSubCategory > h3 {
    padding-top: 10px;
    padding-bottom: 10px !important;
    margin: 0px;
}
.NoQuestionInSubCategory h3:before {
    top: 10px !important;
}
.NoQuestionInSubCategory {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
}
.QuestionBlock.NoQuestion {
    display: none;
}
.SubSubBody .SubCat > h3 {
    font-size: 22px;
    padding-bottom: 5px;
    position: relative;
}

.SubSubBody .SubCat > h3:before {
    content: ">>";
    position: absolute;
    left: -23px;
    top: 0px;
    font-size: 20px;
    font-weight: bold;
}

.SubSubCat h3:before {
    content: ">";
    position: absolute;
    left: 9px;
    top: 7px;
    font-size: 22px;
    font-weight: bold;
}
.QuestionBlock span {
    font-size: 15px;
    width: -webkit-fill-available;
}
.NoQuestion {
    padding-left: 40px;
    padding-top: 12px;
    padding-bottom: 10px;
    font-weight:500;
}
.QuestionTitle {
    float: left;
    width: auto;
}
.Back{
    width:180px;
}
.PageTitle a {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    width:180px;
}
.modal-dialog .PageTitle{
    margin-top:-10px;
}
.ModalTitle {
    border: 1px solid #a2cdf8;
    background-color: #e3f5ff;
}
.AdvancedFilter .accordion-header {
    font-size: 15px;
    font-weight: 500;
    justify-content: end;
    padding: 10px 0 0 !important;
}
.AdvancedFilter .accordion-header i,
.AdvancedFilter .accordion-header h3 {
    color: #0084ce;
}
.IsSubCategory {
    height: 30px;
    width: 30px;
    margin-left: 15px;
}
.swal2-styled.swal2-confirm {
    background-color: rgb(198 6 133 / 80%) !important;
}
.form-select.form-select-solid,
.form-select.form-select-solid:active,
.form-select.form-select-solid:focus {
    background-color: #ffffff !important;
    border-color: #009ef7 !important;
}
.form-control,
.form-control:active,
.form-control:focus {
    background-color: #fcfcfc;
}
.form-control:focus,
.form-control:active {
    border-color: #009ef7;
}

.ActionTableRow a i {
    color: red !important;
}
.common-btn i {
    font-size: 20px;
    color: white;
    font-weight: bold;
    position: relative;
    top: 2px;
}
/*.ActionRow a {
    display: table !important;
    margin: auto;
    padding: 5px 20px;
    margin-top: 12px;
    margin-bottom: 12px;
    border: 1px solid #006dab;
}*/
.text-right {
    text-align:right !important;
}
form label {
    padding-bottom: 10px;
    font-size: 15px;
}

.table-concept table {
    background-color: #ffffff;
    font-size: 16px;
    border-collapse: collapse;
    width: 100%;
}

.table-concept thead {
    background-color: #009ef7;
    color: white;
    font-weight: 600;
}

/*.table-concept table tr:last-child td {
    border-bottom: 0;
}*/

.table-concept table tr th,
.table-concept table tr td {
    text-align: left;
    padding: 5px;
    box-sizing: border-box;
}

.table-concept table tr th {
    color: #ffffff;
    font-weight: normal;
    border-bottom: solid 2px #d8d8d8;
    position: sticky;
    top: 0;
    padding:10px;
}
.table-concept table tfoot tr td {
    padding: 10px;
}

.table-concept table tr td {
    border: solid 1px #e4e3e3;
    /*border-left: 0;
            border-right: 0;*/
    white-space: nowrap;
}

.table-concept table tbody tr {
    transition: background-color 150ms ease-out;
}

.table-concept table tbody tr:nth-child(2n) {
    background-color: whitesmoke;
}

.table-concept table tbody tr:hover {
    background-color: #ebebeb;
}
#myTabContent {
    min-height: 45vh;
}
#Assessment-Form #myTabContent {
    background-color: white;
    padding: 20px 10px 20px;
    margin-top: 10px;
    border: 1px solid #b7d9ec;
}
.table-concept a {
    color: black;
}

.table-concept a i {
    color: #009ef7;
    font-size: 20px;
}
.DatatableActionBtns a {
    border: 1px solid #2196f380 !important;
}
.DatatableActionBtns a:hover {
    border: 1px solid #2196f3 !important;
    background-color: #009ef7;
}
.DatatableActionBtns a:hover i {
    color: white;
}
.PageFooter {
    background-color: #e3f5ff;
    border: 1px solid #a2cdf8;
    padding:15px;
}
.EvaluatorArray {
    padding-right: 40px;
}
.CopySelf {
    position: absolute;
    right: 21px;
    top: 19px;
}
.CopySelf i{
    color:dimgrey !important;
}
.QuestionAction a i.fa-trash {
    color: #c90000;
    font-size: 17px;
}
.QuestionAction a i.fa-edit {
    color: #067297;
    font-size: 17px;
}
.QuestionAction a {
    margin-right: 5px;
    width: 20px;
    text-align: center;
}
.LaunchNow {
    right: 10px;
    bottom: 10px;
    background-color: #ade2ff;
    border-radius: 20px;
}
.ParticipantBody {
    padding: 20px;
    background-color: #e3f5ff;
    border-radius: 10px;
    box-shadow: -3px 3px 3px 0px #b7d3e4;
    margin-top: 10px;
}
.PreViewParticipants .row {
    padding: 6px 10px;
    width:99%;
}
.PreViewParticipants p {
    margin: 0;
    font-size:14px;
}
.PreViewParticipants {
    max-height: 350px;
    overflow-x: auto;
}
/*Admin Navigation Css*/
/*#kt_header, #footer {
    background-color: rgb(0 0 0 / 70%);
}*/
#footer {
    /*background-color: rgb(0 0 0 / 70%);*/
    background-color: #98CCF2;
}
.kt_header_Admin {
    background: #FFFFFF;
    border: 1px solid #D8127D !important;
    box-shadow: 4px 4px 20px 5px rgba(216, 18, 125, 0.2);
    border-radius: 0px;
    /*background-color: #FFFFFF;
    border-top: 2px solid pink;
    border-bottom: 2px solid pink;
    box-shadow: 0px 11px 8px -10px pink, 0px -11px 8px -10px pink;*/
}
.header {
    border-bottom: none;
}
.white-color{
    color:#ffffff;
}
.black-color{
    color:#000000 !important;
}
.admin-navigation {
    /*background: linear-gradient(179.2deg, #0FBEF9 -10.97%, #00A3DA 97.22%);
    box-shadow: 0px 4px 10px rgba(3, 255, 240, 0.3);
    border-radius: 30px 0px;*/
    padding: 0px 5px 0px 25px;
}
/*.participant-header{

    background-color:#ffffff !important;
}*/
.participant-header {
    background-color: #ffffff !important;
    background: #FFFFFF;
    border: 1px solid #0078c1 !important;
    box-shadow: 4px 4px 20px 5px rgb(0 120 193 / 42%);
    border-radius: 0px;
}
.header .header-menu .menu > .menu-item .menu-link .menu-title {
    /*color: #FFFFFF;
    font-weight: 500;
    font-size: 17px;*/
    color: #000000;
    font-weight: 500;
    font-size: 17px;
}
.header .header-menu .menu > .menu-item .menu-link.active {
    background-color: transparent;
    color: black;
    font-weight: 600;
}
.header .header-menu .menu > .menu-item .menu-link.active .menu-title {
    color: #009ef7;
    font-weight: 600;
}
.header .header-menu .menu > .menu-item .menu-link:hover:not(.disabled):not(.active) {
    color: #000000;
}
.header .header-menu .menu > .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title {
    color: #000000;
}
.user-logo {
    border-radius: 100px;
    height: 50px;
    width: 50px;
}
.user-logo-wrapper {
    padding: 4px;
    border: 2px solid #e3007b;
    border-radius: 100px;
}
.user-logo-container .bg-hover-light:hover {
    transition: color .2s ease,background-color .2s ease;
    background-color: rgba(239,242,245,.4) !important;
}
.user-logo-container .btn.btn-active-light:hover:not(.btn-active) {
    transition: color .2s ease,background-color .2s ease;
    background-color: rgba(239,242,245,.4) !important;
}
.user-logo-container .btn.btn-active-light.show {
    transition: color .2s ease,background-color .2s ease;
    background-color: rgba(239,242,245,.4) !important;
}
.bell-icon:hover {
    transition: color .2s ease,background-color .2s ease;
    cursor: pointer;
    background: rgba(239,242,245,.4) !important;
    border-radius: 5px;
}
/*Common Css*/
.common-landing-section {
    padding: 45px 0px;
    box-shadow: 0px 0px 20px rgba(0, 163, 218, 0.2);
}
.common-card {
    border-radius: 50%;
    padding: 70px 30px;
    border-radius: 100px;
}
.common-heading {
    font-size: 24px;
}
.common-title {
    font-size: 28px;
}
.common-card {
    border-radius: 50%;
    padding: 70px 30px;
    border-radius: 100px;
}
.blue-btn {
    background: #00A3DA;
    box-shadow: 0px 10px 15px rgba(34, 143, 166, 0.3) !important;
    border-radius: 3px;
    border: none;
}
.gray-btn {
    background: #B5B5B5;
    box-shadow: 0px 10px 15px rgba(34, 143, 166, 0.3);
    border-radius: 3px;
    border: none;
}
.red-btn {
    background: #e3007b;
    box-shadow: 0px 10px 15px rgba(34, 143, 166, 0.3);
    border-radius: 3px;
    border: none;
}
.light-red-btn {
    border-radius: 3px;
    box-shadow: none;
    background-color: #f45353b5;
    box-shadow: 0px 5px 25px rgb(34, 143, 166, 0.3);
    border: 1px solid #f45353b5;
    color:#ffffff;
}
.light-red-btn:hover {
    background-color: white;
    border: 1px solid #f45353b5;
    color: #f45353b5;
}
.close-btn {
    padding: 6px 9px;
    background: #de6f6f;
    color: white;
    border-radius: 5px;
    border: 1px solid #ee4848;
}
.close-btn:hover {
    background: #de6f6f38;
    color: #ee4848;
    border: 1px solid #ee4848;
}

.font-weight-400 {
    font-weight: 400;
}
.font-weight-500 {
    font-weight: 400;
}
.font-weight-600{
    font-weight:600;
}
.font-weight-700 {
    font-weight: 700 !important;
}
.font-size-15{
    font-size:15px !important;
}
.font-size-16 {
    font-size: 16px !important;
}
.font-size-18 {
    font-size: 18px !important;
}
.font-size-20 {
    font-size: 20px !important;
}
.font-size-25{
    font-size:25px!important;
}
.font-size-30{
    font-size:30px!important;
}

/*Participant Layout*/
.participant-menu {
    background: #e3f5ff !important;
    border-radius: 25px !important;
}
.participant-menu-title {
    padding: 7px 30px !important;
    border-radius: 50px !important;
    color: #777777 !important;
}
.common-aside {
    background: #FFFFFF;
    box-shadow: 4px 4px 15px rgba(32, 185, 253, 0.5);
    width: 25% !important;
}
.assesments .menu-arrow {
    width: 1.5rem !important; 
    height: 1.5rem !important;
}
.assesment-title {
    color: #2965D1 !important;
    text-shadow: 0px 4px 4px rgba(32, 185, 253, 0.3);
}
.assesment-sub-title{
    white-space:nowrap;
}
.participant-landing-section{
    padding-top:40px;
}

.assesment-header {
    display: none;
    /*background: #E3F2FD !important;
    box-shadow: 0px 4px 10px rgba(0, 164, 154, 0.3);*/
    /*height: 77px !important;*/
    background: #00A3DA !important;
    /*box-shadow: 0px 10px 15px rgba(34, 143, 166, 0.3) !important;*/
}
.validate-Email {
    font-size: 13px !important;
}

.field-validation-error {
    font-size: 13px !important;
}
.password{
    padding-right:40px;
}
.form-group{
    padding-bottom:10px;
}
.AddPlusBtn {
    cursor: pointer;
    padding: 4px 8px;
    background: #00A3DA;
    border-radius: 50px;
    border: 1px solid #00A3DA;
    position: absolute;
    right: 0px;
    top: 0px;
}
.AddPlusBtn .fa-plus{
    color:white;
}
.AddPlusBtn:hover {
    background: white;
    transition:.2s ease all;
    
}
.AddPlusBtn:hover .fa-plus {
    color: #00A3DA;
}
#Employeefooter {
    background: #00A3DA;
}
#Employeefooter .copyright {
    text-align: center;
    padding: 10px 0;
    color: #3f4254;
    font-size: 15px;
    background: #e3f5ff !important;
    box-shadow: 0px 4px 10px rgb(3 255 240 / 30%);
    border-radius: 30px 0px;
    max-width: 1200px;
    margin: auto;
}
#Employeefooter .copyright a {
    color: #3f4254;
    font-weight: 600;
}
.ActionRow button {
    border: 1px solid #006dab;
}
.ActionRow input[type="submit"] {
    border: 1px solid #006dab;
}
.fa-trash {
    color: #c90000cf;
    font-size: 17px !important;
}
.font-size-xs-16{
    font-size:16px;
}
.c_button:hover i {
    color: #009ef7;
}
.DatatableActionBtns .btn.btn-icon.btn-sm {
    height: 27px !important;
    width: 27px !important;
}

.DatatableActionBtns .DeleteBtn {
    border-color: #fb6262 !important;
}
.DatatableActionBtns .DeleteBtn:hover {
    background-color: #fb6262 !important;
    border-color: #fb6262 !important;
}
.DatatableActionBtns .la-trash {
    color: #fb6262 !important;
}

.DatatableActionBtns .DeleteBtn:hover .la-trash {
    color: #ffffff !important;
}

.DatatableActionBtns .ActiveAssesment{
    border-color:green !important;
}
.DatatableActionBtns .ActiveAssesment:hover {
    background-color: green !important;
    border-color: green !important;
}
.DatatableActionBtns .ActiveAssesment:hover .la-check {
    color: #ffffff !important;
}

.DatatableActionBtns .InActiveAssesment {
    border-color: #90908c !important;
}
.DatatableActionBtns .InActiveAssesment:hover {
    background-color: #90908ca6 !important;
    border-color: #90908c !important;
}
.DatatableActionBtns .InActiveAssesment:hover .la-play {
    color: #ffffff !important;
}

#broadcastLogsTbl th {
    background-color: #009ef7 !important;
    color: white;
    padding: 7px;
    font-size: 16px;
}

#broadcastLogsTbl tbody td {
    border: solid 2px #e4e3e3;
    white-space: nowrap;
    border-bottom: solid 2px #e4e3e3 !important;
    padding: 7px 10px;
    vertical-align: middle;
    font-size: 14px;
}
#broadcastLogsTbl tfoot td {
    border: solid 2px #e4e3e3;
    white-space: nowrap;
    border-bottom: solid 2px #e4e3e3 !important;
    padding: 7px 10px;
    vertical-align: middle;
    font-size: 14px;
}

#broadcastLogsTbl a .la-play {
    color: #ffffff;
    font-size: 18px;
}
#broadcastLogsTbl a:hover .la-play {
    color: #E95F8B;
}
#broadcastLogsTbl a .la-pause {
    color: #ffffff;
    font-size: 18px;
}
#broadcastLogsTbl a:hover .la-pause {
    color: #E95F8B;
}

#broadcastLogsTbl a i {
    color: #009ef7;
}
.ViewIcon i {
    font-size: 20px;
}
#broadcastLogsTbl a:hover i {
    color: #FFFFFF;
}
.scrolltop {
    z-index: 106;
    background-color: #00649d;
}
.select2-selection__rendered{
    color:#000 !important; 
}
.BroadCastMsg p{
    margin:0px;
}
.magenta-color {
    color: #e3007b !important;
}

.light-bg-blue {
    background-color: #e3f5ff;
}
.color-dark-black{
    color:#000000 !important;
}
@media(max-width:992px) {
    .user-logo {
        border-radius: 100px;
        height: 36px;
        width: 36px;
    }
    .user-logo-container .btn.btn-active-light:hover:not(.btn-active){
        background-color:transparent !important;
    }
    
}
@media(max-width:1440px){
    /*.modal-dialog {
        transform: translateX(70px) !important;
    }*/
}

@media(min-width:760px){
    
}
@media(min-width:992px) {
    /*.participant-page-body {
        padding-left: 28%;
    }*/
    .participant-content {
        padding-left: 125px;
    }
    .font-size-lg-18 {
        font-size: 18px !important;
    }
    
}
@media(min-width:1200px) {
    .common-aside {
        width:21% !important;
    }
    /*.participant-page-body {
        padding-left: 21%;
    }*/
    .assesment-header {
        padding-left: 26% !important;
    }
}
@media(min-width:1300px){
   /* .common-aside {
        width:27% !important;
    }*/
    .assesment-header {
        padding-left: 27% !important;
    }
    .participant-content{
        padding-left:70px;
    }
}

@media (min-width:1440px){
    .font-size-lg-20 {
        font-size: 20px !important;
    }
    .font-size-lg-25 {
        font-size: 25px !important;
    }
    .font-size-lg-22 {
        font-size: 22px !important;
    }
    .common-aside {
        width: 16% !important;
    }
    /*.participant-page-body {
        padding-left: 17%;
    }*/
    .assesment-header {
        padding-left: 19% !important;
    }
    .participant-menu-title {
        padding: 7px 75px !important;
        border-radius: 50px !important;
        color: #777777 !important;
    }
}
@media(min-width:1600px){
    /*.participant-page-body {
        padding-left: 23%;
    }*/
    .assesment-header {
        padding-left: 20% !important;
    }
    .font-size-lg-25{
        font-size:25px!important;
    }
    .font-size-lg-30{
        font-size:30px!important;
    }
    .common-landing-section {
        padding: 70px 0px;
    }
    .font-size-xxl-25 {
        font-size: 25px !important;
    }
}

@media(min-width:1700px){
    /*.participant-page-body {
        padding-left: 25%;
    }*/
    .assesment-header {
        padding-left: 21% !important;
    }
}

@media(min-width:1900px) {
    .common-aside {
        width: 13.5% !important;
    }
    /*.participant-page-body {
        padding-left: 14%;
    }*/
    .assesment-header {
        padding-left: 22.5% !important;
    }
    .participant-content {
        padding-left: 30px;
    }
}
.CommonBody {
    min-height: 80vh;
    position: relative;
}
/*.SelfQuestions {
    height: 100%;
}*/
.Pre-Loader {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
}
.StartAssesmentBtn {
    background-color: #e3007b;
    color: #ffffff;
}

    .StartAssesmentBtn:hover {
        border: 1px solid #e3007b !important;
        color: #e3007b;
    }

        .StartAssesmentBtn:hover i {
            color: #E95F8B;
        }